-3

重複の可能性:
jQuery onclick はその親要素を非表示にします

<li>誰かが子をクリックしたときに非表示にしたい<a>。次の jQuery コードを使用してアクションを実行しましたが、機能していません。誰かがそれをクリックするのが twitter ボタンである場合、最初にクラス「 twitter-follow-button<a> 」を呼び出します。そして、jQuery アクションには向いていません。使用したjQuery:

$(document).ready(function(e) {
     $('.twitter-follow-button').click(function() {
            $(this).parent().hide();
     });
});

使用される HTML:

 <ul>
   <li>
       <div>Something</div>
       <p>Something</p>
       <a href="https://twitter.com/'.$uname.'" class="twitter-follow-button">Follow </a>
   </li>
   <li>
       <div>Something</div>
       <p>Something</p>
       <a href="https://twitter.com/'.$uname.'" class="twitter-follow-button">Follow</a>
   </li>
</ul>
4

1 に答える 1

1

解決しようとしている問題が完全に明確ではありません。リンクをクリックしたときのデフォルトのアクションを禁止し、非表示のみを実行しようとしている場合は、次のように実行できます。

$(document).ready(function(e) {
     $('.twitter-follow-button').click(function() {
            $(this).parent().hide();
            return false;   // prevent default action of the click
     });
});

または、他のアクションが実行されている間、非表示アクションを一定期間遅らせたい場合は、次のようにします。

$(document).ready(function(e) {
     $('.twitter-follow-button').click(function() {
            var self = this;
            setTimeout(function() {
                $(self).parent().hide();
            }, 1000);   // you pick the appropriate time here
     });
});
于 2012-09-02T06:26:57.503 に答える