JavaScript变量.id作为按钮点击

Question

我有一个由变量定义的 div :

var div_btnlft = document.createElement('div');
div_btnlft.className = "shiftbutton shiftbutton-left";
div_btnlft.id=this.id+"_shiftbutton-left"; //this.id carries view id

我想在代码中使用这个唯一的 ID 定义作为按钮选择器

$('#'+this.id+"_shiftbutton-left").click(function()
{
    console.log("Left click");
}

不起作用。任何线索将不胜感激谢谢。更新对于发布关于动态节点不适用于按钮的用户，我不敢苟同

    var div_btnrgt = document.createElement('div');
             div_btnrgt.id = "shiftbutton-right";         

        $("div#shiftbutton-right").click(function(){
            }

后者工作正常。我正在寻找具有动态名称的相同 ID 名称。

Answer 1

动态创建的元素不适用于 click 事件，您必须使用 $("STATIC-PARENT").on("click", "dynamic-element", function( ){....});

$(document).on("click", '#'+this.id+"_shiftbutton-left", function()
{
    console.log("Left click");
}

或者

$(STATIC PARENT HERE).on("click", '#'+this.id+"_shiftbutton-left", function()
{
    console.log("Left click");
}