JQuery-UI コンテキスト メニューのトリガーとして機能している DIV タグの属性にアクセスしようとしていますが、苦労しています。
学校のコンテキストでは、DIV のテキストに生徒の名前を含めますが、必要に応じて HTML5 の data-pid アトリビュートまたは DIV の ID を使用して、ID 番号も渡す必要があります。
どちらにもアクセスできません。ご指導をいただければ幸いです。
ContextMenu と JQuery 3.0.0 の最新バージョン 1.12.0 を使用しています。
私のコードの下を見てください。前もって感謝します。
<div id="TheIDIWantToAccess" data-pid="AnotherWantedVariable" class="hasStudentContextMenu"><p>The inner text which is showing fine using $target.text()</p></div>
<script type="text/javascript">
$( document ).ready(function() {
$("#studentContextMenus").contextmenu({
delegate: ".hasStudentContextMenu",
preventContextMenuForPopup: true,
menu: []
,beforeOpen: function(event, ui) {
var $menu = ui.menu,
$target = ui.target;
$(this).contextmenu("replaceMenu",
[
{title: "<b>" + $target.text() + "</b>"}
,{title: "Award"
,children: [
{title: "1_Point", action: function(event, ui) { alert("1 point awarded: " + $target.text() + " (" + $target.id() + ")");}},
{title: "2_Points", action: function(event, ui) { alert();} },
]
}
]
);
}
,select: function(event, ui) {
//alert("select " + ui.target.attr("id"));
}
});
});
</script>