2

ユーザーが画像をクリックするとポップアップが読み込まれると、アンカータグに関連付けられた画像があります。このアンカータグを無効にしたいです。

html コードは次のようになります。

<a href="#" class="openModalLink">
<img style="vertical-align: middle; border: none" width="9%" alt="" id="imgmap" class="zoom" /></a>

以下のコードを試しましたが、うまくいかないようです

 $(".openModalLink").off("click");
 $(".openModalLink").attr("disabled", true);
 $(".openModalLink").attr("disabled", "disabled");

返信ありがとうございます

4

1 に答える 1

14

あなたはこれを行うことができます

$('.openModalLink').click(function(event){
    event.preventDefault();
});

ドキュメントも参照

編集：

アンカー タグを有効または無効にするには

function disabler(event) {
    event.preventDefault();
    return false;
}

$('#enable').click(function(){
    $('.openModalLink').unbind('click',disabler);
});
$('#disable').click(function(){
    $('.openModalLink').bind('click',disabler);
});
​

デモ

編集2：

jquery 1.7 の時点で、要素のイベント ハンドラーをアタッチおよび削除するには、bind.on()および.off()unbind よりも優先されます。

$('#enable').click(function() {
    $('body').off('click', '.openModalLink', disabler);
});
$('#disable').click(function() {
    $('body').on('click', '.openModalLink', disabler);
});​
于 2012-06-12T12:15:44.317 に答える