jQuery - 一个元素上的多个函数

Question

我目前正在为客户开发一个 WordPress 网站，他们想要一个滚动条，单击按钮即可消失，然后在模态窗口中显示内容等等等等......这似乎一切正常，除了当当我单击 li 元素时，我将它们放在一起，它只在地址栏中显示链接并且不会去任何地方...我有一种感觉它与禁用 href 的正常功能有关，但我不确定如何来绕过它。

所以对于滚动条我有以下结构

<div class="scrollerone">
    <ul>
        <li><a href=""><img src="image.jpg" /></a></li>
        <li><a href=""><img src="image.jpg" /></a></li>
        <li><a href=""><img src="image.jpg" /></a></li>
        <li><a href=""><img src="image.jpg" /></a></li>
        <li><a href=""><img src="image.jpg" /></a></li>
        <li><a href=""><img src="image.jpg" /></a></li>
        <li><a href=""><img src="image.jpg" /></a></li>
    </ul>
</div>

我的 jQuery 代码如下......

<script type="text/javascript">
    jQuery(function() {
        jQuery(".scrollerone").jCarouselLite({
            btnNext: "#btnnext1",
            btnPrev: "#btnprev1"
        });
    });
</script>

<script type="text/javascript">
    jQuery(function(){
        var list = jQuery('.scrollerone');
        var original_height = list.height();
        var new_height = '0';
        list.css({height:new_height});

        jQuery('#refl').click(function() {

            if(list.height() == original_height){
                jQuery('.viewcs').html('VIEW ALL CASE STUDIES');                                    
                list.animate({height:new_height});
            } else {
                list.animate({height:original_height});
                jQuery('.viewcs').html('CLOSE ALL CASE STUDIES');
            }
            return false;
        });
    });
</script>

如果有人能对此有所了解，那就太好了......我有一种感觉，返回 false 位会禁用通常的点击行为，但它不应该影响滚动条中 li 元素的点击，不是吗？

干杯，

Answer 1

$("a").click(function(event) {
  event.preventDefault();

});

使用event.preventDefault来停止 anchor 的默认事件..