单击按钮时激活/停用 javascript答案

【问题标题】：activate/deactivate javascript on button click单击按钮时激活/停用 javascript
【发布时间】：2011-05-01 23:26:03
【问题描述】：

我正在使用 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)
}

【问题讨论】：

你使用的是哪个 jQuery 插件？
我对 jquery 做的不多，但这包含在我的页面标题中：<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
这只是简单的 jQuery 库。你从哪里得到上面带有 "$(".zoom").zoom(options); 部分的代码？那不是标准的 jQuery。
另外，你在问什么真的不清楚。前端到底应该是什么样子？你指的是什么“按钮”（你提供的代码没有按钮）。
它叫jqzoom。抱歉打错了..无论如何这不是重点，因为它可以完美运行..我只想能够使用我的 c# 代码中的按钮来控制它的工作..

标签： c# javascript asp.net jquery css

【解决方案1】：

停用

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

激活

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

另外，既然您说您使用 css 类来实现缩放效果，请查看 toggleClass() 方法。

【讨论】：

由于我不懂任何 jquery，我将查询中的函数内容粘贴到我的主要问题中。谢谢