다음 코드에서 메뉴를 만들었지 만 상위 '편집'링크의 원래 href가 더 이상 작동하지 않습니까?jquery menu buttonset 문제
원본 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();
doen 누구나 내가 기본 동작으로 유지하는 href를 얻을 수있는 방법을 알고 있습니까?
최고, Dan.
헤이 Reigel이 - 오류가 그래서 버튼 동작으로 interfereing 메뉴 작업을 할 수 있다고 생각하지 않습니다 ... 에 http? : //jsfiddle.net/dBbe8/2/ – v3nt