Question

使用以下代码制作菜单，但顶部“编辑”链接中的原始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。

Answer 1

http://jsfiddle.net/dBbe8/基于我所做的这个简单演示，在链接上应用.button()之后，它仍然有用。也许你在那里遇到任何其他问题。就像是否有控制台报告的错误？..或任何其他错误？..

Answer 2

$("a", ".demo").click(function () { window.location = this.href });

jquery菜单buttonset问题

2 个答案: