I have an existing website where I am trying to add a right-click context menu to a table using the following jquery table plugin in my php name - "Table1". I use the following java script to populate the menu:
$(document).ready(function() { $("#Table1").contextmenu({ delegate: ".RightClickMenu", menu: [ {title: "Add", action: function(event, ui) {
This creates a menu containing โAddโ and โUpdateโ (it has different menus on my actual site), when I implement this code on my website, it works in Chrome (When I right-click on a table, it displays a menu on the table where I clicked), but when I open the site using IE, the menu still opens, but in the upper right corner of IE ... Why is this happening? What am I doing wrong?

Edit: The following code is used from Api and now it works ... it seems something with IE8
$("#StockListWorkBenchTbl").contextmenu({ delegate: ".StockListWorkBenchTblRightClickMenu", menu: [ {title: "Review Bids", action: function(event, ui) { var row = ui.target.parent(); var BidID = row.attr('id'); var selFlowStat = row.find('td:eq(2)').html(); CallFetchReviewBids(BidID, selFlowStat); }}, {title: "Extend Expiry", action: function(event, ui) { $("#StockListWorkBenchTbl tr").each(function(){ var BidRow = $(this); var BidID = BidRow.attr("id"); var Checkbox = $(this).find("input:checkbox:first"); if (Checkbox.attr("id") !== "StockListWorkBenchAllChecked") { if (Checkbox.is(":checked")) { ExtendExpiry(BidID, BidRow); } } }); }}, {title: "----"}, {title: "Refresh", action: function(event, ui) { CallToFetchWorkBench(0); }} ], position: function(event, ui){ return {my: "left top", at: "left bottom", within: ui.target}; } });
source share