激活/停用按鈕上的JavaScript點擊

Question

我正在使用javascript縮放asp.net網頁上的圖像。我想在其上放置2個按鈕，如「縮放」「取消縮放」，並相應地啓用/停用javascript功能。現在我有一個CSS類，其中的JavaScript運行產生縮放效果。圖像是這樣的：

<a id="big" href="source of image" class"classforzoom">  
    <img id="small" src="some small image on page" /> 
</a> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     var options = { 
      //some code here 
     }; 

     $(".jqzoom").jqzoom(options); 

    }); 
</script> 

如何以編程方式在2按鈕上的onClick事件上做到這一點？

這是我用我的網頁的頭標記是什麼：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

相關toggleclass（）方法：

toggleClass: function(F,E) { 
    if(typeof E!=="boolean") { 
     E = !o.className.has(this,F) 
    } 
    o.className[E?"add":"remove"](this,F) 
} 

Answer 1

停用

$("a#cancelzoom").click(function(event) 
{ 
    $('.classforzoom').unbind(); 
    event.preventDefault(); 
}); 

激活

$("a#zoom").click(function(event) 
{ 
    $('.classforzoom').jqzoom(options); 
    $('.classforzoom').bind();   
    event.preventDefault(); 
}); 

Answer 2

你檢查出了jQuery click method然後用unbind method從對象中刪除事件？

Answer 3

此外，既然你說你正在使用一個CSS類的縮放效果檢查出toggleClass()方法。