blocks|key|324820|text|要做到这一点，最简单的方法是在绑定方法的开头添加检查，以确定该方法是否应该运行。如果没有，只需从该方法返回即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|324821|var+doThing+=+true;

$("#foo").bind("click",+function(e)+{
++++if(!doThing){return;}
++++//do+thing
}

function+bar(){
++++//temp+unbind+click
++++doThing+=+false;

++++//do+stuff...

++++//rebind+click
++++doThing+=+true;
}|code-block|syntax|javascript|324822|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>The simplest way to do this is to add a check at the beginning of the bound method to determine if the method should run. If not, simply return from the method.</p>

<pre><code>var doThing = true;

$("#foo").bind("click", function(e) {
    if(!doThing){return;}
    //do thing
}

function bar(){
    //temp unbind click
    doThing = false;

    //do stuff...

    //rebind click
    doThing = true;
}
</code></pre>


blocks|key|324233|text|那么，阻塞页面，触发多个ajax请求(链接的或其他的)，然后解除阻塞页面的想法呢？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|324234|如果是这种情况(并且我已经正确理解了问题)，那么您可以使用块计数器吗？|324235|例如var块计数器=+0；|324236|function+block(){
if(blockcounter==0)
+{$.blockUI({message:+"Hai",+showOverlay:true});}
blockcounter%2B%2B;
}

function+unblock(){
blockcounter--;
if(blockcounter==0)
{$.unblockUI();}
}|code-block|syntax|javascript|324237|然后在你的代码中|324238|function+dostuff(){
block();
...+do+whatever+ajax+you+need
...+call+unblock()+in+the+success+event+of+your+ajax+call
}

function+dostuff2(){
block();
...+do+some+more+ajax+-+this+might+take+a+bit+longer+to+complete+though
...+call+unblock()+in+the+success+event
}

dostuff();
dostuff2();|324239|阻塞应该只发生一次，你可以自由地在中间做任何事情。|324240|我在一个网站上成功地使用了这种方法，该网站在阻塞和解除阻塞之间发生了多个事件，并且不同的ajax事件可以在不同的时间内完成。如果您将所有内容包装在一个名称空间中，还可以避免使用全局变量乱放乱放。|324241|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|Z|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>So is the idea to block the page, fire multiple ajax requests (chained or otherwise) and then unblock the page?</p>

<p>If that is the case (and I've understood the question correctly) then you could use a block counter?</p>

<p>e.g.
    var blockcounter = 0;</p>

<pre><code>function block(){
if(blockcounter==0)
 {$.blockUI({message: "Hai", showOverlay:true});}
blockcounter++;
}

function unblock(){
blockcounter--;
if(blockcounter==0)
{$.unblockUI();}
}
</code></pre>

<p>then in your code</p>

<pre><code>function dostuff(){
block();
... do whatever ajax you need
... call unblock() in the success event of your ajax call
}

function dostuff2(){
block();
... do some more ajax - this might take a bit longer to complete though
... call unblock() in the success event
}

dostuff();
dostuff2();
</code></pre>

<p>Blocking should occur once only then and you're free to do whatever in the middle.</p>

<p>I use this method successfully on a website where there are multiple events happening between blocking and unblocking and where the different ajax events can complete in varying times.  If you wrap the whole lot up in a namespace you can also avoid littering the place with global vars.</p>


blocks|key|327166|text|花费我完成这个脚本，我希望它是有用的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|327167|<!DOCTYPE+html+PUBLIC+"-//W3C//DTD+XHTML+1.0+Transitional//EN"+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html+xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta+content="text/html;+charset=utf-8"+http-equiv="Content-Type"+/>
<script+type="text/javascript"+src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>+
<script+type="text/javascript">
$(function(){

++++//ini+plugin

++++jQuery.event.freezeEvents+=+function(elem)+{

++++++++if+(typeof(jQuery._funcFreeze)=="undefined")
++++++++++++jQuery._funcFreeze+=+[];

++++++++if+(typeof(jQuery._funcNull)=="undefined")
++++++++++++jQuery._funcNull+=+function(){+};

++++++++//+don't+do+events+on+text+and+comment+nodes
++++++++if+(+elem.nodeType+==+3+%7C%7C+elem.nodeType+==+8+)
++++++++++++return;

++++++++var+events+=+jQuery.data(elem,+"events"),+ret,+index;

++++++++if+(+events+)+{

++++++++++++for+(+var+type+in+events+)
++++++++++++{
++++++++++++++++if+(+events[type]+)+{

++++++++++++++++++++var+namespaces+=+type.split(".");
++++++++++++++++++++type+=+namespaces.shift();
++++++++++++++++++++var+namespace+=+RegExp("(%5E%7C\\.)"+%2B+namespaces.slice().sort().join(".*\\.")+%2B+"(\\.%7C$)");

++++++++++++++++++++for+(+var+handle+in+events[type]+)
++++++++++++++++++++++++if+(+namespace.test(events[type][handle].type)+){
++++++++++++++++++++++++++++if+(events[type][handle]+!=+jQuery._funcNull){
++++++++++++++++++++++++++++++++jQuery._funcFreeze["events_freeze_"+%2B+handle]+=+events[type][handle];
++++++++++++++++++++++++++++++++events[type][handle]+=+jQuery._funcNull;
++++++++++++++++++++++++++++}
++++++++++++++++++++++++}
++++++++++++++++}

++++++++++++}
++++++++}
++++}

++++jQuery.event.unFreezeEvents+=+function(elem)+{

++++++++//+don't+do+events+on+text+and+comment+nodes
++++++++if+(+elem.nodeType+==+3+%7C%7C+elem.nodeType+==+8+)
++++++++++++return;

++++++++var+events+=+jQuery.data(elem,+"events"),+ret,+index;

++++++++if+(+events+)+{

++++++++++++for+(+var+type+in+events+)
++++++++++++{
++++++++++++++++if+(+events[type]+)+{

++++++++++++++++++++var+namespaces+=+type.split(".");
++++++++++++++++++++type+=+namespaces.shift();

++++++++++++++++++++for+(+var+handle+in+events[type]+)
++++++++++++++++++++++++if+(events[type][handle]==jQuery._funcNull)
++++++++++++++++++++++++++++events[type][handle]+=+jQuery._funcFreeze["events_freeze_"+%2B+handle];

++++++++++++++++}
++++++++++++}
++++++++}
++++}

++++jQuery.fn.freezeEvents+=+function()+{

++++++++return+this.each(function(){
++++++++++++jQuery.event.freezeEvents(this);
++++++++});

++++};

++++jQuery.fn.unFreezeEvents+=+function()+{

++++++++return+this.each(function(){
++++++++++++jQuery.event.unFreezeEvents(this);
++++++++});

++++};

++++//end+plugin

++++jQuery("#test1").ajaxStart(function+test1(){
++++++++jQuery("#result").append('test1+ajaxStop<br>');
++++});

++++jQuery("#test1").ajaxStop(function+test2(){
++++++++jQuery("#result").append('test1+click<br>');
++++});

++++jQuery("#test1").bind("click",+function+test3(){
++++++++jQuery("#result").append('test1+click<br>');
++++});

++++jQuery("#test2").bind("click",+function+test5(){
++++++++jQuery("#result").append('test2+click<br>');
++++});

++++jQuery("#freez").click(function(){
++++++++jQuery("#test1").freezeEvents();
++++++++jQuery("#test2").freezeEvents();
++++});

++++jQuery("#unfreez").click(function(){
++++++++jQuery("#test1").unFreezeEvents();
++++++++jQuery("#test2").unFreezeEvents();
++++});

});
</script>
</head>
<body>
<button+id="freez">freez</button>
<button+id="unfreez">un+freez</button>
<br+/>
<div+id="test1">test1+click+mousemove</div>
<div+id="test2">test2+click+mousemove</div>
<br+/>
<div+id="result"></div>
</body>
</html>|code-block|syntax|javascript|327168|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>cost me finish this script, I hope it's useful:</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta content="text/html; charset=utf-8" http-equiv="Content-Type" /&gt;
&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt; 
&lt;script type="text/javascript"&gt;
$(function(){

    //ini plugin

    jQuery.event.freezeEvents = function(elem) {

        if (typeof(jQuery._funcFreeze)=="undefined")
            jQuery._funcFreeze = [];

        if (typeof(jQuery._funcNull)=="undefined")
            jQuery._funcNull = function(){ };

        // don't do events on text and comment nodes
        if ( elem.nodeType == 3 || elem.nodeType == 8 )
            return;

        var events = jQuery.data(elem, "events"), ret, index;

        if ( events ) {

            for ( var type in events )
            {
                if ( events[type] ) {

                    var namespaces = type.split(".");
                    type = namespaces.shift();
                    var namespace = RegExp("(^|\\.)" + namespaces.slice().sort().join(".*\\.") + "(\\.|$)");

                    for ( var handle in events[type] )
                        if ( namespace.test(events[type][handle].type) ){
                            if (events[type][handle] != jQuery._funcNull){
                                jQuery._funcFreeze["events_freeze_" + handle] = events[type][handle];
                                events[type][handle] = jQuery._funcNull;
                            }
                        }
                }

            }
        }
    }

    jQuery.event.unFreezeEvents = function(elem) {

        // don't do events on text and comment nodes
        if ( elem.nodeType == 3 || elem.nodeType == 8 )
            return;

        var events = jQuery.data(elem, "events"), ret, index;

        if ( events ) {

            for ( var type in events )
            {
                if ( events[type] ) {

                    var namespaces = type.split(".");
                    type = namespaces.shift();

                    for ( var handle in events[type] )
                        if (events[type][handle]==jQuery._funcNull)
                            events[type][handle] = jQuery._funcFreeze["events_freeze_" + handle];

                }
            }
        }
    }

    jQuery.fn.freezeEvents = function() {

        return this.each(function(){
            jQuery.event.freezeEvents(this);
        });

    };

    jQuery.fn.unFreezeEvents = function() {

        return this.each(function(){
            jQuery.event.unFreezeEvents(this);
        });

    };

    //end plugin

    jQuery("#test1").ajaxStart(function test1(){
        jQuery("#result").append('test1 ajaxStop&lt;br&gt;');
    });

    jQuery("#test1").ajaxStop(function test2(){
        jQuery("#result").append('test1 click&lt;br&gt;');
    });

    jQuery("#test1").bind("click", function test3(){
        jQuery("#result").append('test1 click&lt;br&gt;');
    });

    jQuery("#test2").bind("click", function test5(){
        jQuery("#result").append('test2 click&lt;br&gt;');
    });

    jQuery("#freez").click(function(){
        jQuery("#test1").freezeEvents();
        jQuery("#test2").freezeEvents();
    });

    jQuery("#unfreez").click(function(){
        jQuery("#test1").unFreezeEvents();
        jQuery("#test2").unFreezeEvents();
    });

});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;button id="freez"&gt;freez&lt;/button&gt;
&lt;button id="unfreez"&gt;un freez&lt;/button&gt;
&lt;br /&gt;
&lt;div id="test1"&gt;test1 click mousemove&lt;/div&gt;
&lt;div id="test2"&gt;test2 click mousemove&lt;/div&gt;
&lt;br /&gt;
&lt;div id="result"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|324880|text|我意识到这个问题很老了，但我在寻找相同问题的答案时发现了这个问题，并最终找到了一个不同的解决方案，它在简单的事件处理程序应用程序中工作得很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|324881|$(element).click(function(e)+{
++e.preventDefault();

++//+Check+for+fired+class
++if+($(this).hasClass('fired')+==+false)+{
+++++//+Add+fired+class+to+all+instances+of+element
+++++$(element).addClass('fired');

+++++//+Do+the+rest+of+the+function...

+++++//+Remove+fired+class+to+'reactivate'+events
+++++$(element).removeClass('fired');+++
++}
}|code-block|syntax|javascript|324882|当来自事件的代码被触发时，只需在‘元素中添加一个类，就可以防止进一步的代码因为另一个单击事件而被执行。因此，虽然你实际上没有阻止任何其他单击事件，但你正在阻止结果代码运行。简单粗暴地忽略了大量鼓吹的bind和unbind的使用，但却是有效的。|324883|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I realize this question is old, but I found it while seeking an answer to the same question, and ended up finding a different solution that works well in simple applications of event handlers. </p>

<pre><code>$(element).click(function(e) {
  e.preventDefault();

  // Check for fired class
  if ($(this).hasClass('fired') == false) {
     // Add fired class to all instances of element
     $(element).addClass('fired');

     // Do the rest of the function...

     // Remove fired class to 'reactivate' events
     $(element).removeClass('fired');   
  }
}
</code></pre>

<p>Simply adding a class to your 'element's while the code from the event is firing allows you to prevent further code from being executed as the result of another click event. So while you're not actually preventing any other click events, you're preventing the resulting code from running. Simple, crude, ignores the heavily preached use of bind and unbind, but works.</p>


blocks|key|324889|text|我真的很喜欢Andres解决这个问题的方法，但是自从他想出代码以来，jQuery事件模型已经改变了，所以在最近的jQuery版本中，他的代码不能工作。在这里，它是现代化的。在1.8.2中进行了(轻微)测试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|324890|$.event.freezeEvents+=+function(elem)+{

++++++++if+(typeof($._funcFreeze)=="undefined")+{
++++++++++++$._funcFreeze+=+[];
++++++++}

++++++++if+(typeof($._funcNull)=="undefined")+{
++++++++++++$._funcNull+=+function()+{};
++++++++}++++++++++++++++

++++++++//+don't+do+events+on+text+and+comment+nodes
++++++++if+(+elem.nodeType+==+3+%7C%7C+elem.nodeType+==+8+)+{
++++++++++++return;
++++++++}

++++++++var+events+=+$._data(elem,+"events");

++++++++if+(events)+{
++++++++++++$.each(events,+function(type,+definition)+{
++++++++++++++++$.each(definition,+function(index,+event)+{
++++++++++++++++++++if+(event.handler+!=+$._funcNull){
++++++++++++++++++++++++$._funcFreeze["events_freeze_"+%2B+event.guid]+=+event.handler;
++++++++++++++++++++++++event.handler+=+$._funcNull;
++++++++++++++++++++}
++++++++++++++++})
++++++++++++})
++++++++}
++++}

++++$.event.unFreezeEvents+=+function(elem)+{

++++++++//+don't+do+events+on+text+and+comment+nodes
++++++++if+(+elem.nodeType+==+3+%7C%7C+elem.nodeType+==+8+)
++++++++++++++++return;

++++++++var+events+=+$._data(elem,+"events");

++++++++if+(events)+{
++++++++++++$.each(events,+function(type,+definition)+{
++++++++++++++++$.each(definition,+function(index,+event)+{
++++++++++++++++++++if+(event.handler+==+$._funcNull){
++++++++++++++++++++++++event.handler+=+$._funcFreeze["events_freeze_"+%2B+event.guid];
++++++++++++++++++++}
++++++++++++++++})
++++++++++++})
++++++++}
++++}

++++$.fn.freezeEvents+=+function()+{
++++++++return+this.each(function(){
++++++++++++$.event.freezeEvents(this);
++++++++});
++++};

++++$.fn.unFreezeEvents+=+function()+{
++++++++return+this.each(function(){
++++++++++++$.event.unFreezeEvents(this);
++++++++});
++++};|code-block|syntax|javascript|324891|除了有两个事件的元素之外，我还没有对此进行过测试，但它对我来说很好。希望这对某些人有帮助。|324892|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I really liked Andres' approach to this problem, but it appears that since he came up with that code, the jQuery event model has changed, so in recent versions of jQuery his code doesn't work. Here it is modernised. Tested (lightly) in 1.8.2:</p>

<pre><code>$.event.freezeEvents = function(elem) {

        if (typeof($._funcFreeze)=="undefined") {
            $._funcFreeze = [];
        }

        if (typeof($._funcNull)=="undefined") {
            $._funcNull = function() {};
        }                

        // don't do events on text and comment nodes
        if ( elem.nodeType == 3 || elem.nodeType == 8 ) {
            return;
        }

        var events = $._data(elem, "events");

        if (events) {
            $.each(events, function(type, definition) {
                $.each(definition, function(index, event) {
                    if (event.handler != $._funcNull){
                        $._funcFreeze["events_freeze_" + event.guid] = event.handler;
                        event.handler = $._funcNull;
                    }
                })
            })
        }
    }

    $.event.unFreezeEvents = function(elem) {

        // don't do events on text and comment nodes
        if ( elem.nodeType == 3 || elem.nodeType == 8 )
                return;

        var events = $._data(elem, "events");

        if (events) {
            $.each(events, function(type, definition) {
                $.each(definition, function(index, event) {
                    if (event.handler == $._funcNull){
                        event.handler = $._funcFreeze["events_freeze_" + event.guid];
                    }
                })
            })
        }
    }

    $.fn.freezeEvents = function() {
        return this.each(function(){
            $.event.freezeEvents(this);
        });
    };

    $.fn.unFreezeEvents = function() {
        return this.each(function(){
            $.event.unFreezeEvents(this);
        });
    };
</code></pre>

<p>I haven't tested this beyond an element with two events, but it works fine for me. Hope this helps someone.</p>


blocks|key|3290463|text|您可以简单地保存和恢复整个events对象：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3290464|var+events=$._data(elem,+'events');+//+save+events
$._data(elem,+'events',+{});+//+cancel+all+events
//+any+code+here+will+not+fire+events
$._data(elem,+'events',+events);+//+restore+events|code-block|syntax|javascript|3290465|这对我很有效，但可能会有未知的副作用。|3290466|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>You can simply save and restore the entire events object:</p>

<pre><code>var events=$._data(elem, 'events'); // save events
$._data(elem, 'events', {}); // cancel all events
// any code here will not fire events
$._data(elem, 'events', events); // restore events
</code></pre>

<p>This worked for me but may have unknown side effects ...</p>


<p>Is there an elegant way to temporarily suppress jQuery events? I use code like this:</p>

<pre><code>$(element).unbind(event, function1).unbind(event, function2);
// code for which the event is suppressed
$(element).bind(event, function1).bind(event, function2);
</code></pre>

<p>but I find it a bit clumsy and not very scalable to many events. Why do I want to suppress events temporarily? I use BlockUI plugin to block UI during Ajax access. This is done with: <strong>$().ajaxStart($.blockUI).ajaxStop($.unblockUI)</strong> as proposed by BlockUI.</p>

<p>However, one Ajax access is special, so I need a different message. The ajaxStart and ajaxStop events interfere with the message code (nothing is shown):</p>

<pre><code>function message(text, callback) {
  if (text == undefined) {
     $.unblockUI();
     return;
  }

  // $().unbind('ajaxStop', $.unblockUI).unbind('ajaxStart', $.blockUI);
  $("#message_text").html(text);
  $.blockUI({message: $("#message")});
  $("#message_ok").click(function() { 
    // $().bind('ajaxStop', $.unblockUI).bind('ajaxStart', $.blockUI);
    $.unblockUI();
    if (callback != undefined) callback();
  });
}
</code></pre>

<p>Only if I uncomment the unbind() and the bind() lines, it is working.</p>


Suppress jQuery event handling temporarily

jQuery

有没有一种优雅的方法可以暂时抑制jQuery事件？我使用的代码如下：$(element).unbind(event, function1).unbind(event, function2);// code for which the event is suppressed$(element).bind(event, f...

问暂时禁止jQuery事件处理
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问暂时禁止jQuery事件处理EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问暂时禁止jQuery事件处理
EN