リンク付きの A Href (a href="www.google.com") では機能しますが、ハッシュ # (a href="#") では機能しません。私がやりたいことは、# href を含むコンテキスト メニュー項目の 1 つをクリックしたときに jquery ダイアログを開くことです。参考までに、jquery コンテキスト メニューなしで標準リンクを使用すると、# の有無にかかわらず正常に動作します。
私のコード:
<ul id="myMenu" class="contextMenu">
<li><a href="#" id='cmsharefolder_link' class='sharefolder_link'>
<img src='../style/images/sharefolders.png' title='Share' />
Share
</a>
</li>
<li><a href="#" class="move_link" >
<img src="../style/images/move.png" title="Move Folder"/>
Move</a>
</li>
</ul>
Jquery コンテキスト メニュー:
$(document).ready( function() {
// Show menu when #myDiv is clicked
$("#list TR").contextMenu({
menu: 'myMenu'
},
function(action, el, pos) {
$(el).attr('id').trigger('click');
}
);
});
# のダイアログ:
$(function(){
// Dialog for moving file / folder
$('.move').dialog({ autoOpen: false, width: 600, modal: true });
// Dialog for moving file / folder link
$('.move_link').click(function(){ $('.move').dialog('open'); return false; });
// Dialog for moving file / folder
$('.sharefolder').dialog({ autoOpen: false, width: 600, modal: true });
// Dialog for share folder link
$('.sharefolder_link').click(function(){ $('.sharefolder').dialog('open'); sharedfolder(); return false; });
});
回答は、アクション パラメーター (例: Quit) を使用した kannix によるコメントにあります。