Javascript 延迟jQuery。单击函数_Javascript_Jquery

Javascript 延迟jQuery。单击函数

javascript jquery

Javascript 延迟jQuery。单击函数,javascript,jquery,Javascript,Jquery,好的，我这里有个小问题 $("#WhoAreWe").click(function(){ $("#Image").hide(); $("#Two").slideUp(1000); $("#Third").slideUp(1000); $("#Fourth").slideUp(1000); $("#WhoAreWe").hide()

好的，我这里有个小问题

    $("#WhoAreWe").click(function(){
    $("#Image").hide();
    $("#Two").slideUp(1000);
    $("#Third").slideUp(1000);
    $("#Fourth").slideUp(1000);
    $("#WhoAreWe").hide();
    $("#WhoAreWe2").slideToggle(3000);
    $("#IDs").slideDown(3000);

        $("#main").click(function(){
    alert("Pressed Back");
});

（警报只是一个占位符）

基本上，#main是整个页面，当按下站点上的任何一点时。它工作得很好，但问题是，当我第一次按下WhoAreWe时，它还运行$（“#main”）函数。我的问题是，无论什么时候我们被追问，main都会运行。我不想这样，我只想让它在用户点击WhoAreWe后点击页面上的任意位置时运行

编辑：

只想说清楚，“WhoAreWe是一个Div（文本）

main是整个页面的更新：以前没有全局定义“clicked”变量。。。现在我把它改成了一个全局变量

$(document).ready(function (){

var window.clicked=false;

$("#WhoAreWe").click(function(){
    $("#Image").hide();
    $("#Two").slideUp(1000);
    $("#Third").slideUp(1000);
    $("#Fourth").slideUp(1000);
    $("#WhoAreWe").hide();
    $("#WhoAreWe2").slideToggle(3000);
    $("#IDs").slideDown(3000);

    window.clicked=true;    

});



$("#main").click(function(){
    if(!window.clicked){
        alert("Pressed Back");
    }
});


});

更新：以前没有全局定义“clicked”变量。。。现在我把它改成了一个全局变量

$(document).ready(function (){

var window.clicked=false;

$("#WhoAreWe").click(function(){
    $("#Image").hide();
    $("#Two").slideUp(1000);
    $("#Third").slideUp(1000);
    $("#Fourth").slideUp(1000);
    $("#WhoAreWe").hide();
    $("#WhoAreWe2").slideToggle(3000);
    $("#IDs").slideDown(3000);

    window.clicked=true;    

});



$("#main").click(function(){
    if(!window.clicked){
        alert("Pressed Back");
    }
});


});

更新：以前没有全局定义“clicked”变量。。。现在我把它改成了一个全局变量

$(document).ready(function (){

var window.clicked=false;

$("#WhoAreWe").click(function(){
    $("#Image").hide();
    $("#Two").slideUp(1000);
    $("#Third").slideUp(1000);
    $("#Fourth").slideUp(1000);
    $("#WhoAreWe").hide();
    $("#WhoAreWe2").slideToggle(3000);
    $("#IDs").slideDown(3000);

    window.clicked=true;    

});



$("#main").click(function(){
    if(!window.clicked){
        alert("Pressed Back");
    }
});


});

更新：以前没有全局定义“clicked”变量。。。现在我把它改成了一个全局变量

$(document).ready(function (){

var window.clicked=false;

$("#WhoAreWe").click(function(){
    $("#Image").hide();
    $("#Two").slideUp(1000);
    $("#Third").slideUp(1000);
    $("#Fourth").slideUp(1000);
    $("#WhoAreWe").hide();
    $("#WhoAreWe2").slideToggle(3000);
    $("#IDs").slideDown(3000);

    window.clicked=true;    

});



$("#main").click(function(){
    if(!window.clicked){
        alert("Pressed Back");
    }
});


});

试试这个例子：

脚本

$(function(){
    $("#main").on('click', function(e) {
        if($(this).hasClass('disabled')) {
            return;
        }
        alert('Its main ....');
    });
    $("#whoAreWe").on('click', function(e) {
        alert('Its Who Are We ....');
        $("#main").removeClass('disabled');
    });
});

$(function () {
    $("#main").on('click', function (e) {
        if ($(this).hasClass('disabled')) {
            return;
        }
        alert('Its main ....');
    });
    $("#whoAreWe").on('click', function (e) {
        e.stopPropagation();
        $("#main").removeClass('disabled');
        alert('Its Who Are We ....');
    });
});

html

<input type="button" value="Who are we ?" id="whoAreWe" />
<input type="button" value="Main" id="main" class="disabled"/>

<div id="main" class="disabled">
    <div id="whoAreWe">Who Are We ?</div>
</div>

html

<input type="button" value="Who are we ?" id="whoAreWe" />
<input type="button" value="Main" id="main" class="disabled"/>

<div id="main" class="disabled">
    <div id="whoAreWe">Who Are We ?</div>
</div>


我们是谁？

试试这个例子：

脚本

$(function(){
    $("#main").on('click', function(e) {
        if($(this).hasClass('disabled')) {
            return;
        }
        alert('Its main ....');
    });
    $("#whoAreWe").on('click', function(e) {
        alert('Its Who Are We ....');
        $("#main").removeClass('disabled');
    });
});

$(function () {
    $("#main").on('click', function (e) {
        if ($(this).hasClass('disabled')) {
            return;
        }
        alert('Its main ....');
    });
    $("#whoAreWe").on('click', function (e) {
        e.stopPropagation();
        $("#main").removeClass('disabled');
        alert('Its Who Are We ....');
    });
});

html

<input type="button" value="Who are we ?" id="whoAreWe" />
<input type="button" value="Main" id="main" class="disabled"/>

<div id="main" class="disabled">
    <div id="whoAreWe">Who Are We ?</div>
</div>

html

<input type="button" value="Who are we ?" id="whoAreWe" />
<input type="button" value="Main" id="main" class="disabled"/>

<div id="main" class="disabled">
    <div id="whoAreWe">Who Are We ?</div>
</div>


我们是谁？

试试这个例子：

脚本

$(function(){
    $("#main").on('click', function(e) {
        if($(this).hasClass('disabled')) {
            return;
        }
        alert('Its main ....');
    });
    $("#whoAreWe").on('click', function(e) {
        alert('Its Who Are We ....');
        $("#main").removeClass('disabled');
    });
});

$(function () {
    $("#main").on('click', function (e) {
        if ($(this).hasClass('disabled')) {
            return;
        }
        alert('Its main ....');
    });
    $("#whoAreWe").on('click', function (e) {
        e.stopPropagation();
        $("#main").removeClass('disabled');
        alert('Its Who Are We ....');
    });
});

html

<input type="button" value="Who are we ?" id="whoAreWe" />
<input type="button" value="Main" id="main" class="disabled"/>

<div id="main" class="disabled">
    <div id="whoAreWe">Who Are We ?</div>
</div>

html

<input type="button" value="Who are we ?" id="whoAreWe" />
<input type="button" value="Main" id="main" class="disabled"/>

<div id="main" class="disabled">
    <div id="whoAreWe">Who Are We ?</div>
</div>


我们是谁？

试试这个例子：

脚本

$(function(){
    $("#main").on('click', function(e) {
        if($(this).hasClass('disabled')) {
            return;
        }
        alert('Its main ....');
    });
    $("#whoAreWe").on('click', function(e) {
        alert('Its Who Are We ....');
        $("#main").removeClass('disabled');
    });
});

$(function () {
    $("#main").on('click', function (e) {
        if ($(this).hasClass('disabled')) {
            return;
        }
        alert('Its main ....');
    });
    $("#whoAreWe").on('click', function (e) {
        e.stopPropagation();
        $("#main").removeClass('disabled');
        alert('Its Who Are We ....');
    });
});

html

<input type="button" value="Who are we ?" id="whoAreWe" />
<input type="button" value="Main" id="main" class="disabled"/>

<div id="main" class="disabled">
    <div id="whoAreWe">Who Are We ?</div>
</div>

html

<input type="button" value="Who are we ?" id="whoAreWe" />
<input type="button" value="Main" id="main" class="disabled"/>

<div id="main" class="disabled">
    <div id="whoAreWe">Who Are We ?</div>
</div>


我们是谁？

我想这也可以

$(document).ready(function(){
    $('#whoAreWe').on('click', function(){

        $(':not(#whoAreWe)').on('click', function(){
            $('#main').unbind('click').on('click', function(){
                //unbind and bin click to prevent multi bindings
                alert('Pressed Back');
            });
        });
    }); 
});

请注意，要将其包装在

$（document）.ready（）中。你应该把你所有的行动都放在那里



我想这也可以
$(document).ready(function(){
    $('#whoAreWe').on('click', function(){

        $(':not(#whoAreWe)').on('click', function(){
            $('#main').unbind('click').on('click', function(){
                //unbind and bin click to prevent multi bindings
                alert('Pressed Back');
            });
        });
    }); 
});

请注意，要将其包装在$（document）.ready（）中。你应该把你所有的行动都放在那里



我想这也可以
$(document).ready(function(){
    $('#whoAreWe').on('click', function(){

        $(':not(#whoAreWe)').on('click', function(){
            $('#main').unbind('click').on('click', function(){
                //unbind and bin click to prevent multi bindings
                alert('Pressed Back');
            });
        });
    }); 
});

请注意，要将其包装在$（document）.ready（）中。你应该把你所有的行动都放在那里



我想这也可以
$(document).ready(function(){
    $('#whoAreWe').on('click', function(){

        $(':not(#whoAreWe)').on('click', function(){
            $('#main').unbind('click').on('click', function(){
                //unbind and bin click to prevent multi bindings
                alert('Pressed Back');
            });
        });
    }); 
});

请注意，要将其包装在$（document）.ready（）中。你应该把你所有的行动都放在那里



看起来这对我也不起作用，警报从未运行过。事实上，仍然不起作用。实现这段代码似乎彻底搞乱了我的网站。看起来这对我也不起作用，警报从未运行过。事实上，仍然不起作用。实现这段代码似乎彻底搞乱了我的网站。看起来这对我也不起作用，警报从未运行过。事实上，仍然不起作用。实现这段代码似乎彻底搞乱了我的网站。看起来这对我也不起作用，警报从未运行过。事实上，仍然不起作用。实现该代码似乎完全搞乱了我的网站。我做对了吗，你的主要问题是：在单击#WhoAreWe
之后，如何将单击绑定到#main
？我只是希望在单击WhoAreWe之后只启用一次#main。当没有点击WhoAreWe时，我不希望#main可以点击。好的，那么我有一个正确的答案：）你也可以像图灵一样切换它：）你可以请求发布你的html吗？至少有一小部分itI添加了我的HTML页面，我没有包括CSS文件和大部分jQuery代码。我做对了吗，你的主要问题是：在单击\WhoAreWe
之后，如何将单击绑定到\main
？只是我希望在单击WhoAreWe之后只启用一次。当没有点击WhoAreWe时，我不希望#main可以点击。好的，那么我有一个正确的答案：）你也可以像图灵一样切换它：）你可以请求发布你的html吗？至少有一小部分itI添加了我的HTML页面，我没有包括CSS文件和大部分jQuery代码。我做对了吗，你的主要问题是：在单击\WhoAreWe
之后，如何将单击绑定到\main
？只是我希望在单击WhoAreWe之后只启用一次。当没有点击WhoAreWe时，我不希望#main可以点击。好的，那么我有一个正确的答案：）你也可以像图灵一样切换它：）你可以请求发布你的html吗？至少有一小部分itI添加了我的HTML页面，我没有包括CSS文件和大部分jQuery代码。我做对了吗，你的主要问题是：在单击\WhoAreWe
之后，如何将单击绑定到\main
？只是我希望在单击WhoAreWe之后只启用一次。当没有点击WhoAreWe时，我不希望#main可以点击。好的，那么我有一个正确的答案：）你也可以像图灵一样切换它：）你可以请求发布你的html吗？至少有一小部分itI添加了我的HTML页面，我没有包含CSS文件和大部分jQuery代码。此外，我的意思是，一旦我们按下页面上的任何位置（没有“主”按钮，“主”是整个页面），那么它们是什么？分区/桌子/鸡蛋/鸡/狗？：染料，它们是div（：（main==整个网页）@user3890432查看我的更改#WhoAreWe和#main是文本。另外，我的意思是，一旦#WhoAreWe在页面上的任何位置按下（没有“main”按钮，“main”是整个网页），它们是什么？divs/tables/egs/chicken/dogs？：染料，它们是divs（：（main==整个网页）@用户3890432查看我的更改#WhoAreWe和#main是文本。此外，我的意思是，一旦#W