使用以下代码制作菜单,但顶部“编辑”链接中的原始href不再有效?
原始html代码。
<div class="mediaOptionsButtonSet">
<button class="mediaOptionsButton">media options</button>
</div>
<ul class="mediaOptionsMenu">
<li><a href="/youradmin_v2/media/edit/<?=$row['mediaID']?>" class="mediaEdit">edit</a></li>
<li>
<a lang="<?=$row['mediaID']?>" href="<?=$row['pathToFile']."/".$row['mediaID']."/".$row['filename']?>" rel="prettyPhoto[pp_gal]" title="<?=$row['title']?>" class="mediaView">view</a>
</li>
<li><a href="#" class="mediaCrop">crop</a></li>
<li><a href="#" class="mediaDuplicate">duplicate</a></li>
<li><a href="#" class="mediaPublish active">active</a></li>
</ul>
应用按钮设置后;
<li class="ui-menu-item" role="menuitem">
<a href="/youradmin_v2/media/edit/2371" class="mediaEdit ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon ui-state-hover ui-state-active" role="button" aria-disabled="false" tabindex="-1" id="ui-active-menuitem">
<span class="ui-button-icon-primary ui-icon ui-icon-wrench"></span>
<span class="ui-button-text">edit</span>
</a>
</li>
和菜单代码是;
$("a.mediaEdit").button({
icons: {
primary: 'ui-icon-wrench'
}
});
$(".mediaOptionsButtonSet button").button({
icons: {
primary: 'ui-icon-gear',
secondary: 'ui-icon-triangle-1-s'
},
text: false
}).click( function() {
var menu = $(this).parent().next().show().position({
my: "right top",
at: "right top",
of: this,
});
menu.css('z-index',2000);
$(document).one("click", function() {
menu.hide();
});
menu.bind("mouseleave", function(event, ui) {
menu.hide();
});
return false;
})
.parent()
.buttonset()
.next()
.hide()
.menu();
任何人都知道如何让href保持默认动作?
最好,Dan。
答案 0 :(得分:0)
http://jsfiddle.net/dBbe8/基于我所做的这个简单演示,在链接上应用.button()
之后,它仍然有用。也许你在那里遇到任何其他问题。就像是否有控制台报告的错误?..或任何其他错误?..
答案 1 :(得分:0)
$("a", ".demo").click(function () { window.location = this.href });