点击按钮激活/停用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事件执行此操作？

这就是我在页面的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

您是否查看了jQuery click method，然后使用unbind method从对象中删除了一个事件？

Answer 2

此外，由于您说您使用css类进行缩放效果，请查看toggleClass()方法。

Answer 3

停用

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

启用

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