亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在克隆元素中顯示上下文菜單

在克隆元素中顯示上下文菜單

達令說 2023-10-14 16:16:34
我創建了一個contextmenu來顯示特定類,但是當我克隆具有該類的元素時,不會contextmenu顯示。顯示上下文菜單:// Trigger action when the contexmenu is about to be shown$(".ui-editable").bind("contextmenu", function (event) {  // Avoid the real one  event.preventDefault();  //Save the selected and the parent element   selected_area = $(this);  parent_area = $(this).parent();      $(this).addClass('selected-menu')// Show contextmenu  $("#editContextMenu").finish().toggle(100).  // In the right position (the mouse)  css({    top: event.pageY + "px",    left: event.pageX + "px"  });});克隆元素:function cloneBlock() {  $(selected_area).clone().appendTo(parent_area);}完整的示例在這里: https ://jsfiddle.net/marana12/xsd2n9uo/9/
查看完整描述

1 回答

?
qq_花開花謝_0

TA貢獻1835條經驗 獲得超7個贊

jQuery.clone()有一個額外的參數

withDataAndEvents(默認值:false)
類型:Boolean
一個布爾值,指示是否應將事件處理程序與元素一起復制。

因此您可以將代碼更新為:

$(selected_area).clone(true).appendTo(parent_area);

更新的小提琴:https ://jsfiddle.net/95rLne7m/


另一種方法是使用事件委托,因此何時/如何創建 HTML 并不重要,只需更改:

$(".ui-editable").bind("contextmenu",?function...

$(document).on("contextmenu",?".ui-editable",?function...

更新的小提琴:https://jsfiddle.net/95rLne7m/1/


查看完整回答
反對 回復 2023-10-14
  • 1 回答
  • 0 關注
  • 131 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號