jQuery - 点击功能没有按预期运行

林有我的功能有点麻烦..。它似乎没有触发，我不知道为什么。jQuery - 点击功能没有按预期运行

我有这样的jQuery

<script type="text/javascript"> 
    jQuery('#refl').click(function(){ 
     jQuery('.sliderreflexionar').toggle('slow'); 
    }); 
</script>

那么下面HTML

<a href="" id="refl" class="button"><span>VIEW ALL</span></a>

后来终于此。

<div class="sliderreflexionar" style="display: none;"> 
    <a href="#" class="btn-prev">previous</a> 
</div>

任何人都可以看到为什么这不起作用？

干杯，

来源

2011-05-03 BigJobbies

您应该绑定点击功能在jQuery准备事件。

试试这个：

<script type="text/javascript">  
    jQuery(function(){ 
     jQuery('#refl').click(function(){   
      jQuery('.sliderreflexionar').toggle('slow');  
       return false; 
     }); 
    }); 
</script>

来源

2011-05-03 12:51:48 Chandu

哈哈哈，我知道我错过了什么GRR - 有什么办法来禁用HREF，因为它使重新加载页面藏汉作为触发更新后显示 – BigJobbies 2011-05-03 12:53:27

..使用返回false ;或event.stopProgagation – Chandu 2011-05-03 12:54:42

这是完美的...谢谢！ – BigJobbies 2011-05-03 12:56:03

您可能需要在的document.ready包裹这一点，特别是如果这个代码是在头部分的链接，例如前：

<script type="text/javascript"> 
    jQuery(function() { 
     jQuery('#refl').click(function(){ 
      jQuery('.sliderreflexionar').toggle('slow'); 
     }); 
    }); 
</script>

来源

2011-05-03 12:51:41

jQuery - 点击功能没有按预期运行

回答

相关问题