2010-08-02 6 views
0

다음 코드에서 메뉴를 만들었지 만 상위 '편집'링크의 원래 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.

답변

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

http://jsfiddle.net/dBbe8/이 간단한 데모를 기반으로 링크에 .button()을 적용한 후에도 여전히 작동합니다. 다른 문제가있을 수 있습니다. 등이 오류는 콘솔이보고되고있다 .. 또는 다른 ..

+0

헤이 Reigel이 - 오류가 그래서 버튼 동작으로 interfereing 메뉴 작업을 할 수 있다고 생각하지 않습니다 ... 에 http? : //jsfiddle.net/dBbe8/2/ – v3nt