Question

这是代码，我正在使用切换。我想在index.php加载时切换。在下面的代码中，当我点击它时，它会自动打开并关闭。我之前放置了切换，当点击它工作但是第一次我必须单击按钮两次。

<script>
    $(document).ready(function(){

        $("#btn").click(function(){ 

            // $("#output").toggle("slow",function(){ // placed before

            $("#output").load("index.php",null,function(){ 

        $("#output").toggle("slow"); // placed after

        })
        }); 
    });
</script>

注意：Index.php文件生成链接列表。当我点击按钮时，需要显示并隐藏列表。

我还首先加载了内容并切换到第二个，如下面的回复中所提到的那样。但是，当我点击按钮时，它会打开并隐藏在第一次点击。

Answer 1

这导致您的{{1>} 未隐藏，它只是没有内容，所以可见。与你所做的相比，你用内容填充它，而不是...... violá #output隐藏它。

首先隐藏它：

toggle()

但仍然在上面没有必要在每次点击按钮时调用$(function(){ var $output = $('#output'); // cache your selectors $output.hide(); // !! $("#btn").click(function(){ $output.load("index.php",null,function(){ $output.toggle(800); // placed inside }); }); });以便修复它：

.load()

Answer 2

$(document).ready(function(){

        $("#btn").click(function(){ 

            // if #output is going to be shown then load
            $("#output").load("index.php");

            $("#output").toggle("slow");
        }); 
    });

Answer 3

（文档）$。就绪（函数（）{

    $("#btn").click(function(){ 

        // $("#output").toggle("slow",function(){ // placed before

        $("#output").load("index.php",null,function(){      
    }).toggle("slow"); // Chained
    }); 
});

Ajax jquery切换按钮

3 个答案: