jQuery .on Event不适用于变量选择器

debugcn 发表于 Dev

亚瑟·塔拉索夫（Arthur Tarasov）

我需要为动态加载的元素创建Click功能。该元素的ID在变量中$element。该ID存储一个字符串。我将其传递给.on事件处理程序，如下所示：

... .on("click", '"'+$element+'"', function() { ...

它不起作用，并给出一个错误Uncaught Error: Syntax error, unrecognized expression: "#2"（请参阅案例1 JSFiddle）。#2是元素的ID。

然后，我尝试将其包装在这样的函数中：

... .on("click", function() {'"'+$element+'"'}, function() { ...

但这似乎将整个DOM变成了可点击的元素（请参阅案例2 JSFiddle）。为什么...？

最后，案例3 JSFiddle展示了我想要的行为：如果用户单击ID为ID的元素#2，则发生了某些事情，如果用户单击ID为ID的元素#3或其他任何地方，则什么也没有发生。我只是在选择器被作为一个变量传递无法得到它的工作。

案例1 JSFiddle发出一个奇怪的错误。

案例2 JSFiddle单击“ a”或“ b”，“ a”将变为红色。

案例3 JSFiddle是我所追求的。单击“ a”，它变成红色，单击“ b”，没有任何反应。

亚历克斯

从您的小提琴中，看看这个：

var $element = '#a2';

$("#a1").on(
        "click",
        $element,       // <-- child Selector
        function() {
            $("#a1")
            .find('span')
            .filter(function() {
                return $(this).text() === 'a';
            })
            .css('background-color', 'red');
        }
    );

请注意，ID不应以数字开头，至少要4次。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。