jquery - ダイアログを読み込むための HTML のダミー リンク

Question

HTMLでデッドリンクを作成する方法.

jqueryダイアログを開くだけの「リンク」をWebページに提供する必要があります。ページをロードするため、href を提供できません。リンクをリンクのように表示したいだけです。ということで、以下でやってみました。

<a id='opener_guid' > Click here to load jquery message box</a>

jquery の読み込みはうまく機能しますが、リンクは単純なテキストとして表示されます。ユーザーは、それがクリック可能であることを知りません。これを解決するには？

Answer 1

シンプルに、次の css を追加します。

#opener_guid {
    cursor:pointer;
}

http://jsfiddle.net/bU6wz/

これにより、マウスは、私たち全員が知っていて、リンクを愛するおなじみの手に変わります。「デッドリンク」ではないと思われるように、ホバーなどで色を変更できます

Answer 2

それが実際のリンクでない場合は、ボタンの目的であるbuttonではなくを使用し、好きな方法で css を介してスタイルを設定する必要があります。aこの場合、リンクのように見せたいようです。

<button id="opener_guid" type="button">Click here to load jquery message box</button>

そして次のようなもの：

button#opener_guid {border:0;background:none;text-decoration:underline;cursor:pointer;}

css のプロパティは自由に設定できます。色やフォントなどは省略します。

Answer 3

いいねを付けることができ#ます<a href="#" id="opener_guid">Click here to load jquery message box</a>

リンクがデフォルト アクションを実行しないようにする

$( "#opener_guid" ).click(function(e) {
 e.preventDefault();
 // your code
});

Answer 4

href が必要です。

<a href='#' id='opener_guid' > Click here to load jquery message box</a>

次に、jQuery で、誰かがリンクをクリックしたときに preventDefault を使用して、ページをリロードしないようにします。

$('#opener_guid').click(function(e) {
  e.preventDefault();
  //Do other stuff.
});