मैं jquery contextmenu प्लगइन का उपयोग कर रहा हूं, और मैनी प्रविष्टि में कस्टम क्लास जोड़ने का प्रयास करता हूं।
मैं इस तरह के एक टैब में प्रवेश धक्का:
var tab=[];
classCss="myCustomClass";
tab.push({ title: "Menu entry 1",
action: function(event, ui){
reedIt(ui.cmd);
},
cmd: myId,
addClass: classCss
});
$("#myContener").contextmenu("replaceMenu", tab);
यह अच्छी तरह से काम करता है लेकिन इसके लिए नहीं addClass विकल्प.
यहां उत्पन्न होता है <li> इस मेनू के लिए आइटम:
<li class="ui-menu-item" role="presentation" data-command="2150" jquery111005997....="476">
myCustomClassआइटम में जोड़ा नहीं है।
क्या मेरे वाक्यविन्यास या कुछ में कुछ गड़बड़ है?
उत्तर:
जवाब के लिए 0 № 1ऐसा लगता है कि यहां काम करता है:
var CLIPBOARD = "";
$(function(){
$(document).contextmenu({
delegate: ".hasmenu",
autoFocus: true,
preventContextMenuForPopup: true,
preventSelect: true,
taphold: true,
menu: [
{title: "Initial Menu", cmd: "cut", uiIcon: "ui-icon-scissors"}
],
// Handle menu selection to implement a fake-clipboard
select: function(event, ui) {
var $target = ui.target;
alert("select " + ui.cmd + " on " + $target.text());
},
// Implement the beforeOpen callback to dynamically change the entries
beforeOpen: function(event, ui) {
var tab=[];
classCss="myCustomClass";
tab.push({ title: "Menu entry 1",
action: function(event, ui){
//reedIt(ui.cmd);
},
cmd: "myId",
addClass: classCss
});
$(document).contextmenu("replaceMenu", tab);
}
});
});/* Only for the demo */
.hasmenu, .hasmenu2 {
border: 1px solid #008;
margin: 3px;
padding: 5px;
width: 30px;
}<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>jquery.ui-contextmenu.js - Demo</title>
<link href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" type="text/css" rel="stylesheet" />
<script src="//code.jquery.com/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>
<script src="//cdn.jsdelivr.net/jquery.ui-contextmenu/1.11.0/jquery.ui-contextmenu.min.js" type="text/javascript"></script>
</head>
<body class="example">
<h1>jquery.ui-contextmenu.js</h1>
<p>Right-click in an element to open the context menu:</p>
<div>
<span class="hasmenu" tabindex="0">AAA</span>
<span class="hasmenu" tabindex="0">BBB</span>
<span class="hasmenu" tabindex="0">CCC</span>
</div>
</body>
</html>