0

在default.aspx 页面中,有一个用户控件side_menu.ascx。这是 side_menu.ascx 中代码的一部分

<script src="../library/scripts/side_menu.js" type="text/javascript"></script>
<script src="../library/scripts/side_menu_items.js" type="text/jscript"></script>
<script src="../library/scripts/side_menu_tpl.js" type="text/jscript"></script>

<script language="JavaScript" type="text/javascript">
 <!--
 new menu(SIDE_MENU_ITEMS, SIDE_MENU_POS, SIDE_MENU_STYLES);
 // -->
</script>

功能菜单在 side_menu.js 中定义。SIDE_MENU_ITEMS 是一个包含所有菜单项和路径的数组。

   var SIDE_MENU_ITEMS =[
["Administration", null,
    ["Report a Bug", "administration/bugs/report_bug.aspx"], // /TOrders/
    ["Bug Tracker", "administration/bugs/bug_tracker.aspx?fmtid=bugs"], // /TOrders/
    ["Feature Request", "administration/features/request_feature.aspx"], // /TOrders/
    ["Feature Tracker", "administration/features/feature_tracker.aspx"] // /TOrders/
]

单击菜单项时,它会加载页面/localhost/administration/bugs/whateverpage.aspx。这工作正常。但是,当第二次单击菜单项时,路径变为/localhost/administration/bugs/administration/bugs/whateverpage.aspx。路径正在附加。我只是不知道去哪里清除阵列。当我单击菜单项时,将调用 menu_onnclick() 并且 this.item[id] 已经填充了错误的路径。不知道在哪里清除它。

这是side_menu.js中的一些功能

   function menu (item_struct, pos, styles) {
    this.item_struct = item_struct;
this.pos = pos;
this.styles = styles;
this.id = menus.length;
this.items = [];
this.children = [];

this.add_item = menu_add_item;
this.hide = menu_hide;

this.onclick = menu_onclick;
this.onmouseout = menu_onmouseout;
this.onmouseover = menu_onmouseover;
this.onmousedown = menu_onmousedown;

var i;
for (i = 0; i < this.item_struct.length; i++)
    new menu_item(i, this, this);
for (i = 0; i < this.children.length; i++)
    this.children[i].visibility(true);
menus[this.id] = this;
}

  function menu_add_item (item) {
var id = this.items.length;
this.items[id] = item;
return (id);
}  

function menu_onclick (id) {
var item = this.items[id];
return (item.fields[1] ? true : false);
}

    function menu_item (path, parent, container) {
this.path = new String (path);
this.parent = parent;
this.container = container;
this.arrpath = this.path.split('_');
this.depth = this.arrpath.length - 1;
// get pointer to item's data in the structure
var struct_path = '', i;
for (i = 0; i <= this.depth; i++)
    struct_path += '[' + (Number(this.arrpath[i]) + (i ? 2 : 0)) + ']';
eval('this.fields = this.container.item_struct' + struct_path);
if (!this.fields) return;

// assign methods   
this.get_x = mitem_get_x;
this.get_y = mitem_get_y;
// these methods may be different for different browsers (i.e. non DOM compatible)
this.init = mitem_init;
this.visibility = mitem_visibility;
this.switch_style = mitem_switch_style;

// register in the collections
this.id = this.container.add_item(this);
parent.children[parent.children.length] = this;

// init recursively
this.init();
this.children = [];
var child_count = this.fields.length - 2;
for (i = 0; i < child_count; i++)
    new menu_item (this.path + '_' + i, this, this.container);
this.switch_style('onmouseout');
}

function mitem_init() {
document.write (
    '<a id="mi_' + this.container.id + '_'
        + this.id +'" class="m' + this.container.id + 'l' + this.depth 
        +'o" href="' + this.fields[1] + '" style="position: absolute; top: '
        + this.get_y() + 'px; left: '   + this.get_x() + 'px; width: '
        + this.container.pos['width'][this.depth] + 'px; height: '
        + this.container.pos['height'][this.depth] + 'px; visibility: hidden;'
        +' background: black; color: white; z-index: ' + (this.depth + 10000) + ';" ' // changed this.depth to (this.depth + 10000)
        + 'onclick="return menus[' + this.container.id + '].onclick('
        + this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout('
        + this.id + ');window.status=\'\';return true;" onmouseover="menus['
        + this.container.id + '].onmouseover(' + this.id + ');window.status=\''
        + this.fields[0] + '\';return true;"onmousedown="menus[' + this.container.id
        + '].onmousedown(' + this.id + ');"><div class="m'  + this.container.id + 'l'
        + this.depth + 'i">' + this.fields[0] + "</div></a>\n"
    );
    this.element = document.getElementById('mi_' + this.container.id + '_' + this.id);

}
4

1 回答 1

0

将您的数组更改为:

var url="http://"+window.location.hostname;
var SIDE_MENU_ITEMS =[
    ["Administration", null,
        ["Report a Bug", url+"/administration/bugs/report_bug.aspx"], // /TOrders/
        ["Bug Tracker", url+"/administration/bugs/bug_tracker.aspx?fmtid=bugs"], // /TOrders/
        ["Feature Request", url+"/administration/features/request_feature.aspx"], // /TOrders/
        ["Feature Tracker", url+"/administration/features/feature_tracker.aspx"] // /TOrders/
    ]
];

或者(支持带有端口号的 url 的更一般的方法,例如http://localhost:51143/

function getUrl(){
    url = window.location.href.split('/');
    return url[0]+'//'+url[2];
}
var SIDE_MENU_ITEMS =[
    ["Administration", null,
        ["Report a Bug", getUrl()+"/administration/bugs/report_bug.aspx"], // /TOrders/
        ["Bug Tracker", getUrl()+"/administration/bugs/bug_tracker.aspx?fmtid=bugs"], // /TOrders/
        ["Feature Request", getUrl()+"/administration/features/request_feature.aspx"], // /TOrders/
        ["Feature Tracker", getUrl()+"/administration/features/feature_tracker.aspx"] // /TOrders/
    ]
];
于 2012-07-25T19:24:33.257 回答