使用jquery 1.11.3.min.js时，jquery on click事件未触发。

As per below html controls , if I try to change the "id" of Submit to "Save" , click of Save is not working then.

根据下面的html控件,如果我尝试将提交的“id”更改为“保存”,则单击“保存”不起作用。

HTML

<html>
<head>
</head>
<body>
<input type="button" value="Submit Request" id="Submit"class="buttonclass"/>               
<input type="button" id="cancel" value="Cancel" class="buttonclass" />
</body>
</html

JS CODE BELOW :

JS代码如下:

   $("#Submit").on({
    click: function () {             

        $(this).attr('id', 'Save');           
        return false;
    }
   });

   $("#Save").on({
    click: function () {            
       alert("Save Event Fired"); 
    }
   });

1 个解决方案

#1

You aren't binding the click event to #Save because the id #Save only exists AFTER the Submit button has been pressed (there is no #Save on load). But if you put the click event on the body and only accept the #Save, you can bubble the event up and handle it there.

您没有将click事件绑定到#Save,因为id #Save仅在按下Submit按钮后才存在(加载时没有#Save)。但是如果你将click事件放在body上并且只接受#Save,你可以将事件冒泡并在那里处理它。

$("#Submit").on('click', function (e) {
    e.stopPropagation()

    alert("Submitted Fired"); 
    $(e.target).attr('id', 'Save');           
    $(this).unbind('click');
})

$("body").on('click', '#Save', function (e) {
    alert("Save Event Fired"); 
})

https://jsfiddle.net/6Lchafwa/1/
If this is the answer you are looking for, press the green tick on the left.

https://jsfiddle.net/6Lchafwa/1/如果这是您正在寻找的答案,请按左侧的绿色勾号。

1 个解决方案

#1

更多相关文章

随机推荐