c# - 单击按钮激活/停用 javascript

Question

我正在使用 javascript 来缩放我的 asp.net 网页上的图像。我想在上面放 2 个按钮，例如“缩放”、“取消缩放”，并相应地激活/停用 javascript 功能。现在我有一个 javascript 操作产生缩放效果的 css 类。图像是这样的:

<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 事件上执行此操作？

这是我在页面的 head 标签中使用的内容:

<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();
});