[英]Anchor tag is adding a path to my id link
我有一个包含链接的用户控件,单击该链接时我想打开一个导航栏作为弹出菜单。 我正在使用jQuery mobile,并为我的导航指定了ID,并且链接根据需要指向该ID。
这在一页上没有任何问题,但是当我将控件添加到另一页上时,它将链接上的href属性更改为“ Controls /#menu”,而不是打开div,它会尝试重定向(并显示Controls目录)。
HTML:
<a id="lnkMenu" runat="server" href="#menu" data-rel="popup" data-icon="grid"
data-iconpos="right" data-transition="pop" data-position-to="window">Menu</a>
<nav id="menu" data-role="popup" data-overlay-theme="a">
<ul data-role="listview" data-inset="true" data-count-theme="b">
<!-- Some <li>s with menu options -->
</ul>
</nav>
当我加载页面时:
<a data-position-to="window" data-transition="pop" data-iconpos="right"
data-icon="grid" data-rel="popup" id="ctl00_Banner2_mobileProfileMenu_lnkMenu"
href="Controls/#menu" class="ui-btn-right ui-btn ui-shadow ui-btn-corner-all
ui-btn-icon-right ui-btn-up-c" data-corners="true" data-shadow="true"
data-iconshadow="true" data-wrapperels="span" data-theme="c" aria-haspopup="true"
aria-owns="Controls/#menu">
<span class="ui-btn-inner">
<span class="ui-btn-text">Menu</span>
<span class="ui-icon ui-icon-grid ui-icon-shadow"> </span>
</span>
</a>
我在用:
据我所知,没有自定义的javascript会修改控件,而我已经将它放在一个地方,只是在别处打破了。 这两个页面之间的唯一区别是,我无法在其中使用jQuery UI。 如果我手动编辑页面(例如使用firebug或chrome dev工具)以修复href,则它会按预期工作。
如果相关,用户控件将在另一个目录的页面中使用,而母版页将在站点的根目录中使用。 所有的javascript均已加载到母版页上。
编辑:我试图从问题页面中删除jQuery UI,问题仍然存在。
删除一些自定义javascript并删除jQuery UI之后,我能够使弹出窗口正常工作(自定义javascript使用jQuery UI)。 href似乎仍在添加链接的路径,但是它在起作用,所以我想这是一个胜利。
如果其他人最终遇到此问题,请尝试删除jQuery UI。 我觉得它在jQuery Mobile上不能很好地工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.