1

いくつかのリンクとリンクされたボタンがあるページがあります。すべて無効にしたい。これどうやってするの？

<div id="content-main">
  <h1>My Notes</h1>

  <a href="edit.html" id="btnNew" name="btnNew" class="button">Add new Link</a>

  <table border="0" cellspacing="0" cellpadding="4">
    <tr bgcolor="#edf3fe">
      <td><a href="edit.html">Link 1</a></td>
      <td><a href="edit.html">Link 2</a></td>
    </tr>
  </table>
  <div class="button-row"></div>
</div>

リンクが機能しなくなるまで機能している次のことを試しましたが、リンクもフェードしたいと思います。

$(document).ready(function(){


    $( "a" ).click(function( event ) {
        alert( "The link will no longer work" );
        event.preventDefault();
    });

}); }

4

4 に答える 4

2

それらをグレーアウトしたい場合は、これを試してください。上記の回答に基づいて：

$(document).ready(function(){
   $("a").click(function($event){
   var $this = $(this);
       $event.preventDefault();
       $this.css("color", " #808080"); //only targets the actual link clicked. If you want all when you click any link use $('a').css();
   });
});

ところで、初心者へのアドバイスですが、'$' で始まる jQuery オブジェクト変数を作成することは常に良い習慣です。マルチレベルのコンテキスト関数を使い始めると簡単です。

于 2016-01-26T01:35:31.717 に答える
1

これはどう ？

$(document).ready(function(){
    $("a").click(function(event){
      event.preventDefault();
        $("a").fadeOut();
    });
});

あなたが言ったように、ユーザーがいずれかのリンクをクリックすると、すべてがフェードアウトします。これは、あなたの望むことですか？

于 2016-01-26T00:38:33.740 に答える
0

これを使用できます：

$(document).ready(function(){ 
    $( "a" ).click(function( event ) {
       $(this).fadeOut();
       event.preventDefault();
    });
});

この助けを願っています！

于 2016-01-26T00:42:59.673 に答える