<body> <span class="title" id='color_but'> 點擊此處為標題添加顏色 </span> </body> <script type='text/javascript'> $('#color_but').click(function(){ $(this).replaceWith("<input id='ok' type='button'value='確定'/>") }); $('#ok').click(function(){ alert('ddd'); }); </script>通過jquery修改后的button是無法觸發的，這是為什么 如果是使用onClick綁定的事件就可以觸發，應該是一個基礎的問題，一直以為可以這么用的~~
3 回答
森林海
TA貢獻2011條經驗 獲得超2個贊
問題的關鍵點：
1.<input id='ok' type='button'value='確定'/> 是 未來元素；
2.click時間不支持未來元素；
你要了解:
a)什么事未來元素；
b)哪些JQ方法支持未來元素；
問題答案：
不支持綁定未來元素的方法：click
支持綁定未來元素的方法：on,delegate
翻閱古今
TA貢獻1780條經驗 獲得超5個贊
你對#ok的綁定操作在js執行到這行時就進行了，但得你生成這個#ok要到你點擊#color_but之后才出現。
結果就是你在執行綁定#ok的時候，這個#ok還根本沒出現。
就你的代碼而言，我不知道你的具體應用場景。你綁定部分可以試試代理delegate或者使用 jq 推薦的 on
以下幾種都可以
$('body').delegate( '#ok', 'click', function() {
alert('ddd')
})
$('body').on('click', '#ok', function() {
alert('ddd')
})
總之是需要在已存在的上層進行綁定。
- 3 回答
- 0 關注
- 1150 瀏覽
添加回答
舉報
0/150
提交
取消