javascript - 插件在每次返回的点击中保存变量

Question

你们介意看看我制作的这个 jsfiddle 来帮助你们理解我的问题。 http://jsfiddle.net/kr1zmo/DqbeX/8/ :

<a href="#" class="cref">item</a>
<a href="#" class="cref">item 2</a>
<a href="#" class="cref">item 3</a>
<a href="#" class="cref">item 4</a>

<p id="result"></p>


<script language="javascript" type="text/javascript">
(function($) {
    $.fn.liveBindTest = function() {
        return this['live']('click', function() {
            var savedvar;

            if (!savedvar || savedvar == 0) {
                // is false, do false things.
                savedvar = 1;
                jQuery('#result').append(savedvar);
            } else {
                // is true, do true things.
                jQuery('#result').append(savedvar);
                savedvar = 0;
            }

            return false;
        });
    };
})(jQuery);

jQuery(document).ready(function() {
    $('a.cref').liveBindTest();
});
</script>

我想为每次点击保存一个变量。

Answer 1

看看this example 。

您想切换执行哪一段代码吗？如果您想在闭包中保存该值，则需要在实时事件处理函数之外声明它。

如果需要为选择器匹配的每个元素保存值，那么您可以使用 $(elem).data() 来存储值，如 example 所示。