Get the value of the context menu items
HTML -
<ul id="myMenu" class="contextMenu">
<li class="insert" onclick ="test();"><a href="#insert">Add New</a></li>
<li class="edit"><a href="#edit">Edit</a></li>
<li class="delete"><a href="#delete">Delete</a></li>
</ul>
jQuery -
jQuery(document).bind("contextmenu", function(e) {
return false;
});
jQuery('.even').bind("contextmenu", fun开发者_如何学运维ction(e) {
jQuery('#myMenu').css({
top: e.pageY+'px',
left: e.pageX+'px'
}).show();
return false;
});
Context Menu is working fine. But i need to click on any of them, and it must be directed some function. for an example
function test() {
alert("Helloooo")
}
Here the onlick function is not working... Please help me in this issue...
I'm so passionate to learn Jquery stuff as my project entirely relies on jquery and XML
well i guess the easiest way would be to bind the onclick event using jquery.. something like
jQuery('.insert a').click(function(){
alert("handle the onclick event");
});
hope that helps
Just try to move your onclick attribute to anchor element like this:
<ul id="myMenu" class="contextMenu">
<li class="insert"><a href="#insert" onclick="test();">Add New</a></li>
<li class="edit"><a href="#edit">Edit</a></li>
<li class="delete"><a href="#delete">Delete</a></li>
</ul>
精彩评论