jQueryクラスのクリック機能を使用してwindow.onbeforeunloadを無効にするにはどうすればよいですか？

Question

クリックしたときに新しいクラスを切り替えるボタンを作成したい場合、その新しいクラスをクリックするとgoAwayがtrueに設定されます。ここで私が使っていることは誰もがこれを防ぐことに気付いていますか？これは、行がある他のすべてのonclick関数で動作します：goAway = true;

var goAway = false; 

$("button:not(.MyNewClass)").click(function(){ 
window.onbeforeunload = function() { 
if (!goAway) { 
return 'Syanara mutha ******'; 
     } 
    } 
}); 
$(document).ready(function() { 
     $('.MyNewClass').click(function() { 
     goAway = true; 
    }); 
}); 

私も

var goAway = false; 

$("button:not(.MyNewClass)").click(function(){ 
window.onbeforeunload = function() { 
if (!goAway) { 
return 'Syanara mutha ******'; 
     } 
    } 
}); 
$(document).ready(function() { 
     $('.MyNewClass').click(function() { 
     window.onbeforeunload = null; 
    }); 
}); 

Answer 1

最後に！私はそれを考え出した。 jQueryを使って切り替えるように設定要素にJavaScriptのonClickイベント添付;

HTMLボタン）：

<button onclick="removeWarning()">This is the button</button> 

次に残り：

<script> 
var goAway = false; 
$("button").click(function(){ 
$(this).toggleClass('MyNewClass'); 
window.onbeforeunload = function() { 
if (!goAway) { 
return 'Syanara mutha ******'; 
     } 
    } 
}); 
function removeWarning(){ 
if ($("button").hasClass('MyNewClass')){ 
goAway = true; 
    } 
} 
</script> 

Answer 2

あなたはどちらか、こののいずれかを試すことができます...以下、これを試してみましたが、どちらも動作するようには思えてきました。

まず1：

$(window).unbind('onbeforeunload'); 

第二1：

window.onbeforeunload = false; 

を私はこれがあなたのために働く願っています。

更新： 私はあなたがclick関数内onbeforeunload機能を置い気づきました。 この機能をサイド・オブ・クリック機能の外側に配置してみてください。

window.onbeforeunload = function() { 
    if (!goAway) { 
     return 'Syanara mutha ******'; 
     } 
    }