jQuery 函数不会使用输入变量

jquery function won't use input variables

本文关键字：输入 变量 函数 jQuery      更新时间：2023-09-26

所以我在div上有一个按钮，应该在单击时使相应的页面淡出，而另一个页面淡入（page2，设置为显示：none）。我的脚本不起作用。谁能帮我解决这个问题？

<div>
    <div id="page1">
       <button onclick="fade(page1,page2)"></button>
    </div>
    <div id="page2"></div>
</div>
<script type="text/javascript">
function fade(out_ID, in_ID){
    $("#"+out_ID).fadeOut(1000);
    $("#"+in_ID).delay(1000).fadeIn(1000);
}
</script>

试试这个： 只需要为参数添加引号。

<button onclick="fade('page1','page2')"></button>

你应该重写以完全使用jquery并删除内联JavaScript：

<div>
    <div id="page1">
       <button id="myButton"></button>
    </div>
    <div id="page2"></div>
</div>
<script type="text/javascript">
    // wait for page to load
    $(function () {
      $('#myButton').click(function(){
         fade($('#page1'), $('#page2'));
      });
    });
    function fade(out_ID, in_ID){
        out_ID.fadeOut(1000);
        in_ID.delay(1000).fadeIn(1000);
    }
</script>

那应该会把你整理出来。

相关文章：