Question

这是我的jQuery代码，但click事件不起作用。有人可以帮我吗？我想点击#menu-drop后滑动#menu-oc。但是，此代码对alert和任何函数事件都不起作用。谢谢。

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        jQuery(document).on("click", "#menu-oc", function() {
            alert("hi")
        });

        jQuery(window).scroll(function() {
            if (jQuery(this).scrollTop() > 0) {
                jQuery("#header").addClass("fixed");
                jQuery("#header").addClass("goblack", 500);
            } else {
                jQuery("#header").removeClass("fixed");
                jQuery("#header").removeClass("goblack", 500);
            }
        });         

        jQuery("#introcenter").animate({ width: "0" }, 600, function() {
            jQuery(".intro").animate({ height: "0" }, 600, function() {
                jQuery("#main").animate({ opacity : "1" }, 500)
            });
        });
    });
</script>

<body> 
    <div id="introcont"> 
        <div id="introtop" class="intro"></div> 
        <div id="introcenter"></div> 
        <div id="introdown" class="intro"></div> 
    </div> 
    <div id="main"> 
        <div id="header"> 
            <button id="menu-oc">MENU</button> 
            <jdoc:include type="modules" name="header" style="html" />             
        </div> 
        <div id="menu-drop"> 
            <div id="menu">     
                <jdoc:include type="modules" name="menu" style="html" /> 
        </div> 
    </div>

Answer 1

您正在混合使用不同的约定：

jQuery/$用法
在一行中使用context参数：jQuery(document).on("click", "#menu-oc", ...然后在另一行中使用直接查询：jQuery("#header")
您的html示例不完整或至少完全嵌套，并且有一些我不知道的<jdoc:include>元素，但如果出现问题并且它们会生成js错误，例如，它是很难知道其余代码会发生什么。

尝试清理代码，使其更加一致，删除jdoc内容，看看是否可以使用干净的简单jquery示例。然后从那里开始。

jQuery click（）处理程序无法按预期工作

1 个答案: