Javascript IE中Html表格的右键菜单显示在左上角
我有一个现有的网站,我正在尝试使用以下插件将右键单击上下文菜单添加到表中。我的php名称中的表是“Table1”。我正在使用以下javascript填充菜单:Javascript IE中Html表格的右键菜单显示在左上角,javascript,jquery,html,Javascript,Jquery,Html,我有一个现有的网站,我正在尝试使用以下插件将右键单击上下文菜单添加到表中。我的php名称中的表是“Table1”。我正在使用以下javascript填充菜单: $(document).ready(function() { $("#Table1").contextmenu({ delegate: ".RightClickMenu", menu: [ {title: "Add", action: function(event,
$(document).ready(function()
{
$("#Table1").contextmenu({
delegate: ".RightClickMenu",
menu: [
{title: "Add", action: function(event, ui) {
// Do something
}},
{title: "----"},
{title: "Refresh", action: function(event, ui) {
// Do something
}}
]
});
});
这将创建一个包含“添加”和“刷新”的菜单(在我的实际网站中,它是不同的菜单)当我在我的网站上实现此代码时,它在Chrome中工作(当我右键单击表格时,它在我单击的表格上显示菜单),但当我使用IE打开网站时,菜单仍然打开,但在IE的右上角。。。为什么会这样?我做错了什么
编辑:使用了Api中的以下代码,现在它正在工作。。。似乎是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) {
/*var BidID = ui.target.parent().attr('id');
var BidRow = ui.target.parent();
ExtendExpiry(BidID, BidRow);*/
$("#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};
}
});
什么版本的IE?在我的IE8中根本不起作用,但在IE9中效果非常好。你的IE中的这个演示页面怎么样?也许您应该检查是否必须根据指定的API设置某些位置:您有完整页面的示例吗?如果演示页面在IE中运行,您可能需要检查与脚本的差异。这是javascript、jquery、html回答,而不是关于phpremoved php标记,等待同行评审通过。@stef77谢谢您,它已经运行了。。我使用了API并更改了脚本,请参见编辑。谢谢你认为这是IE8的问题。我认为这是表1的css问题