QA@IT
«質問へ戻る

##

8
本文
-以下のページで『続きを読む』のボタンをおしても反応がなくて困っています。
-http://mistergadgets.net/item/2013/samsung-galaxy-s4-lte-2
+『続きを読む』のボタンをおしても反応がなくて困っています。
 
 jsを使って実装しました。
 ```

welcartで『続きを読む』ボタンが動かない

『続きを読む』のボタンをおしても反応がなくて困っています。

jsを使って実装しました。

<script type="text/javascript">
$(document).ready(function() {
    $('.skuTableSubmit input[type=submit]').val(' ');
    var descHeight = $('#itemDescription').height();
    if( descHeight >= 100 ) {
        $('#itemDescription').css('height','100');
    }
    $('.moreDesc a').click(function(){
        $('#itemDescription').animate({'height':descHeight}, 300);
        setTimeout(function(){$('.moreDesc').remove()}, 100);
    }); 
});
</script>

商品説明は以下のようにコーディングしています。

<section>
        <h2 class="width760">DESCRIPTION<small> この商品について</small></h2>
        <div class="entry" id="itemDescription">
        <?php the_content(); ?>

        <?php if( $item_custom = usces_get_item_custom( $post->ID, 'list', 'return' ) ) : ?>
            <p><?php echo $item_custom; ?></p>
        <?php endif; ?>

        </div>

        <?php global $post; if ( !empty($post->post_content) ):?>
            <p class="width760 centering moreDesc"><a href="#moreDescription">続きを読む</a></p>
        <?php endif; ?>
</section>

なにか原因として考えられることを教えて頂けますと幸いです。
どうぞよろしくお願いいたします。

『続きを読む』のボタンをおしても反応がなくて困っています。

jsを使って実装しました。
```
<script type="text/javascript">
$(document).ready(function() {
	$('.skuTableSubmit input[type=submit]').val(' ');
	var descHeight = $('#itemDescription').height();
	if( descHeight >= 100 ) {
		$('#itemDescription').css('height','100');
	}
	$('.moreDesc a').click(function(){
		$('#itemDescription').animate({'height':descHeight}, 300);
		setTimeout(function(){$('.moreDesc').remove()}, 100);
	});	
});
</script>
```
商品説明は以下のようにコーディングしています。
```
<section>
		<h2 class="width760">DESCRIPTION<small> この商品について</small></h2>
		<div class="entry" id="itemDescription">
		<?php the_content(); ?>

		<?php if( $item_custom = usces_get_item_custom( $post->ID, 'list', 'return' ) ) : ?>
			<p><?php echo $item_custom; ?></p>
		<?php endif; ?>

		</div>
        
		<?php global $post; if ( !empty($post->post_content) ):?>
        	<p class="width760 centering moreDesc"><a href="#moreDescription">続きを読む</a></p>
   		<?php endif; ?>
</section>
```

なにか原因として考えられることを教えて頂けますと幸いです。
どうぞよろしくお願いいたします。

質問を投稿

welcartで『続きを読む』ボタンが動かない

以下のページで『続きを読む』のボタンをおしても反応がなくて困っています。
http://mistergadgets.net/item/2013/samsung-galaxy-s4-lte-2

jsを使って実装しました。

<script type="text/javascript">
$(document).ready(function() {
    $('.skuTableSubmit input[type=submit]').val(' ');
    var descHeight = $('#itemDescription').height();
    if( descHeight >= 100 ) {
        $('#itemDescription').css('height','100');
    }
    $('.moreDesc a').click(function(){
        $('#itemDescription').animate({'height':descHeight}, 300);
        setTimeout(function(){$('.moreDesc').remove()}, 100);
    }); 
});
</script>

商品説明は以下のようにコーディングしています。

<section>
        <h2 class="width760">DESCRIPTION<small> この商品について</small></h2>
        <div class="entry" id="itemDescription">
        <?php the_content(); ?>

        <?php if( $item_custom = usces_get_item_custom( $post->ID, 'list', 'return' ) ) : ?>
            <p><?php echo $item_custom; ?></p>
        <?php endif; ?>

        </div>

        <?php global $post; if ( !empty($post->post_content) ):?>
            <p class="width760 centering moreDesc"><a href="#moreDescription">続きを読む</a></p>
        <?php endif; ?>
</section>

なにか原因として考えられることを教えて頂けますと幸いです。
どうぞよろしくお願いいたします。

以下のページで『続きを読む』のボタンをおしても反応がなくて困っています。
http://mistergadgets.net/item/2013/samsung-galaxy-s4-lte-2

jsを使って実装しました。
```
<script type="text/javascript">
$(document).ready(function() {
	$('.skuTableSubmit input[type=submit]').val(' ');
	var descHeight = $('#itemDescription').height();
	if( descHeight >= 100 ) {
		$('#itemDescription').css('height','100');
	}
	$('.moreDesc a').click(function(){
		$('#itemDescription').animate({'height':descHeight}, 300);
		setTimeout(function(){$('.moreDesc').remove()}, 100);
	});	
});
</script>
```
商品説明は以下のようにコーディングしています。
```
<section>
		<h2 class="width760">DESCRIPTION<small> この商品について</small></h2>
		<div class="entry" id="itemDescription">
		<?php the_content(); ?>

		<?php if( $item_custom = usces_get_item_custom( $post->ID, 'list', 'return' ) ) : ?>
			<p><?php echo $item_custom; ?></p>
		<?php endif; ?>

		</div>
        
		<?php global $post; if ( !empty($post->post_content) ):?>
        	<p class="width760 centering moreDesc"><a href="#moreDescription">続きを読む</a></p>
   		<?php endif; ?>
</section>
```

なにか原因として考えられることを教えて頂けますと幸いです。
どうぞよろしくお願いいたします。