2012-04-02 20 views
1

私はclickイベントを無効にしなければならないdiv idに1つのリンクがあります。 ここに私のDivのIDは、私はクリックイベントを無効にする必要があります。私が書いたクリックを無効にするjQuery

<div class="bookmark" align="left"> 
    <div align="left">&nbsp;&nbsp; 
    <img src="<c:url value="/images/Bookmarks1.png">"align="absmiddle" border="0" width="18" height="18" /> 
<a href="#" id="bookmarkviewall" class="book tabs" style="text-decoration: none;"> Bookmark</a> &nbsp; 
    <a href="#" id="bookmarkpopup" class="book tabs" onclick="javascript:return false;"> 
     <img alt="Add Bookmark" src="<c:url value="/images/red_plus.png"/>" align="absmiddle"> 
    </a> 
    </div> 
</div> 

機能は次のとおりです。 -

function disablingBookmark(){ 
    $("#bookmarkviewall").removeAttr("href"); 
    $("a#bookmarkviewall").removeAttr("class"); 
    $("#bookmarkpopup").removeAttr("href"); 
    $("a#bookmarkpopup").removeAttr("onclick"); 
    $("a#bookmarkviewall").attr("class","greyFont tabs1"); 
    $("#colorpickerDiv").hide(); 
} 

これは私のjsファイルです: -

$("#bookmarkviewall").click(function(e){ 
     var selectedId = "#"+currentSelectedTabId; 
     $(selectedId).removeAttr("style"); 
     currentSelectedTabId = null; 
     highlight($('#content').attr("id")); 
    //For hiding the popuped menu 
    //$("#rightHandPanelStatus").attr("recent","bookmarks"); 


     highlightForToolBox($('#bookmarkviewall').attr("id")); 

     var currentNumberOfRecordsPerPage = 10; 
     var currentPageNumber = 1; 

     $.post("/core-web/bookmark/viewlist", jQuery.param({pageNumber :currentPageNumber, NumberOfRecordsPerPage :currentNumberOfRecordsPerPage, pageId:currentPageId}), function(data) { 
       $('#center_in').html(data); 
     }); 



    }); 
}, 

リンク無効であるが、それでもクリックイベントがworking.anyヘルプです。ありがとう。 ありがとう。

+0

$( "a#bookmarkpopup")をクリックしてください。 – mshsayem

+0

この質問は、解説なしで回答を提供するために急いでいる人々の電車です。助言が得意だと分かる前に、塵が落ち着くまで待ってください。 –

答えて

0

href属性を最初に削除し、デフォルトのクリック機能を防ぐためにe.preventDefault()を使用できます。私はあなたの実際のコードに別の画像を使用している例を以下のコードとデモhere

var link = $(".bookmark").find("a"); 
link.removeAttr('href'); 
link.click(function(e) { 
    e.preventDefault(); 
});​ 

を参照してください。 Jsfiddle

についてはこちらをご覧ください。あなたのJSPコードに何か間違っているようです。あなたのコードを確認し、そのコードが動作していることを確認してください。

+0

Sirは試みましたが、まだクリックイベントが発生しています。私はこの関数を書きましたdisablingBookmark(){ \t // alert( "hii disable bookmark"); \t \t var link = $( "。bookmark")。find( "a"); \t link.removeAttr( "href"); \t link.click(関数(E){ \t \t e.preventDefault(); \t \t \t})。 \t \t \t } – Anurag

+0

デモの動作を見てください。 あなたのhtmlコードがきれいに見えず、正しく表示されません。 – Dips

+0

はい、あなたのデモは正常に動作しています。しかし、私は私の機能を実装していないときには動作しません。 – Anurag

0
$("a#bookmarkpopup").click(function(){return false;}) 
0

無効なdivを確認するには、アンカータグのクリックハンドラを処理する必要があります。使用可能な場合は無効にする必要があります。
ご了承ください。右の例は必要ありません。 。さらに教えてください。

+0

マインドソースのコーディングスタイル.. :( –

0

シンプルなアドオンはonclickの=

はそれが

<body onclick="return false" > 

行うには

<div class="bookmark" onclick="return false" align="left"> 
    <div align="left">&nbsp;&nbsp; 
    <img src="<c:url value="/images/Bookmarks1.png">"align="absmiddle" border="0" width="18" height="18" /> 
<a href="#" id="bookmarkviewall" class="book tabs" style="text-decoration: none;"> Bookmark</a> &nbsp; 
    <a href="#" id="bookmarkpopup" class="book tabs" onclick="javascript:return false;"> 
     <img alt="Add Bookmark" src="<c:url value="/images/red_plus.png"/>" align="absmiddle"> 
    </a> 
    </div> 
</div> 

あなたはクリックでのアクションのいずれかの種類を防ぐために、身体にこれを追加することができます仕事ができることが "falseを返します"各リンクでできる特別なリンクがあります。

<a href="something" onclick = "return false;"> 
+0

ありがとうが、disablingBookmark()を追加する方法を拡張してください。 – Anurag

+0

ありがとうございました。しかし、一部の選択されたリンクでは、リンクを無効にしたいと思っています。私がdivを永久に無効にする場合、falseを返すことはできません。 – Anurag

+2

特定のリンクを使用する場合は、onclick = "return false; 各リンク のように またはあなたがしたい場合は、クラスでも行うことができます – Trikaldarshi

0

すべてのアンカータグのクリックイベントを無効にします。

$('a').click(function(e) { 
    e.preventDefault(); 
}); 

うまくいきましょう。それ以外の場合は、コード全体をあなたに伝えます。

関連する問題