0

なぜこれが起こっているのか理解できません。本当に奇妙です。私はJqueryの初心者なので、何かが足りないかもしれません。ここに私のコードがあります

<script type="text/javascript">
$(document).ready(function(){
$(".photos_container > a").mouseover(function() {
  $(this).fadeTo("slow", 0.6);
 }).mouseout(function(){
  $(this).fadeTo("slow", 1);
});

$('.pagination a').on('click', function(e){  
e.preventDefault();  
var link = $(this).attr('href');  
$('.tab-pane.active').html('Loading...');
$('.tab-pane.active').load(link+' .tab-pane.active > *');
});
});
</script>

HTML

<div class="photos_container tab-pane active" id="1">
    <a href="javascript:void(0)" data-name="Chameleon Minds" data-photo-medium="http://localhost/site/wp-content/uploads/2013/04/Chameleon-medium.png" data-title="Art Projects for Kids - Status : Client work">
        <img class="thumb_image" src="http://localhost/site/wp-content/uploads/2013/04/Final.png">
    </a>
    <div class="pagination">
        <a class="page-numbers" href="">1</a>
        <span class="page-numbers current">2</span>
    </div>
</div>
4

2 に答える 2

1

HTML を確認せずに言うのは難しいですが、最初のクリック/マウスオーバー イベントがバインドされている要素が.tab-pane.active含まれていると、上書きされます。.pagination aこの問題は、イベント委任を使用して解決できます (削除されない包含要素にバインドします。できるだけ具体的にします)。

$(document).on('click', ".pagination a", function (e) {
于 2013-04-18T01:34:40.770 に答える