Question

我对我的一个功能有点麻烦..。似乎没有触发，我不知道为什么。

我有这个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>

有人能看出为什么这不起作用吗？

干杯，

Answer 1

您可能需要将其包装在document.ready中，特别是如果此代码位于head部分中的链接之前，例如：

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

Answer 2

您应该在jQuery ready事件中绑定click函数。

请改为尝试：

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

jQuery - 单击函数未按预期运行

2 个答案: