Question

我使用<button>标记制作了一个按钮，然后ID了。我写了一个jQuery函数，通过它的ID调用该按钮，但该函数不起作用。如果我将<button>代码切换为<a>，则可行。有没有办法让按钮正常工作？

这是我的代码（按钮使div处于淡出状态并切换到另一个页面，但它甚至不会淡出）。

<div id="page">
     <button id="button1">button1</button>
</div>
<script type="text/javascript">
    $("#button1").click(function(){
      $("#page").fadeout(1000)
    });
</script>

Answer 1

一些事情：

将JS包装在doc.ready电话中：

<script type="text/javascript">
    $(document).ready(function() {
        $("#button1").click(function(){
          $("#page").fadeOut(1000);
        });
    });
</script>

这将确保仅在加载所有元素时运行代码。如果在加载脚本之前单击按钮，则不会发生任何事情。 More info here

另外，请确保案例正确无误。 fadeOut()是一个函数，fadeout()不是。如果您打开开发人员工具（例如在Chrome中按F12），如果您遇到JS错误，它会通知您，这将为您提供跟踪代码错误的起点。

jquery函数不适用于按钮标记

1 个答案: