Question

所以我在div上有一个按钮，当点击并且另一个页面淡入时，相应的页面会淡出（第2页，设置为display：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>

Answer 1

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

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

Answer 2

你应该重写以充分使用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>

应该排除你。

jquery函数不会使用输入变量

2 个答案: