Test jQuery data chaining
HTML
<!--<div id="data-store-1" class="data-store">1</div>
<div id="data-store-2" class="data-store">2</div>
<div id="data-store-3" class="data-store">3</div>
<output id="output"></output>-->
<div id='test1Div' class="filePacific">test1 value</div>
<div id='test2Div' class="filePacific">test2 value</div>
<div id='test3Div' class="filePacific">test3 value</div>
<div id='outcomeData'></div>
<button>right click me</button>
CSS
.filePacific {
background: transparent url(../images/file.gif)
no-repeat scroll 0px 0px;
padding: 0 18px;
}
JavaScript
/* $(function(){
$.contextMenu({
selector: '.filePacific',
build: function($trigger, e) {
return {
callback: function(key, options) {
id = $trigger.attr("id");
alert(id);
},
items: "edit": {name: "Edit", icon: "edit"},
"cut": {name: "Cut", icon: "cut"},
};//return end
}//build end
});//context end
});// function end*/
$(function() {
$.contextMenu({
selector: '.context-menu-one',
callback: function(key, options) {
var m = "clicked: " + key;
window.console && console.log(m) || alert(m);
},
items: {
"edit": {name: "Edit", icon: "edit"},
"cut": {name: "Cut", icon: "cut"},
copy: {name: "Copy", icon: "copy"},
"paste": {name: "Paste", icon: "paste"},
"delete": {name: "Delete", icon: "delete"},
"sep1": "---------",
"quit": {name: "Quit", icon: function(){
return 'context-menu-icon context-menu-icon-quit';
}}
}
});
$('.context-menu-one').on('click', function(e){
console.log('clicked', this);
})
});