2016-12-16 5 views
0

<a>タグをリンクすると、次のコードを使用してURLを非表示にします。その下には特定の<a>タグ(#no-link)が設定されています。すべての<a>タグに適用します。誰でも助けてくれますか?上にホバリングしたときにURLを非表示にする<a>タグ

$(document).ready(function() { 
    setTimeout(function() { 
     $('a[href]#no-link').each(function() { 
      var href = this.href; 

      $(this).removeAttr('href').css('cursor', 'pointer').click(function() { 
       if (href.toLowerCase().indexOf("#") >= 0) { 

       } else { 
        window.open(href, '_blank'); 
       } 
      }); 
     }); 
    }, 500); 
}); 
+2

を置いたときにアンカータグを隠そうか?実際のURLを見つけるのは簡単ではないからです。あなたは、せいぜいユーザビリティを傷つけているだけです。 – vlaz

+0

私は別のページにリンクしているページにたくさんの写真があります。スクロールすると、URLがポップアップし続けると乱雑に見えます。 – Eddy

+0

また、あなたがターゲットとしている要素が 'id'と記述されている場合、なぜ' each'ですか? '$( 'a [href]#no-link')'( 'href属性とidを持たない要素-リンク')? – somethinghere

答えて

1

すべてのアンカー要素を選択するようになりました。私はこの答えについてわからない

$(document).ready(function() { 
setTimeout(function() { 

    $('a').each(function() { 
     var href = this.href; 

     $(this).removeAttr('href').css('cursor', 'pointer').click(function() { 
      if (href.toLowerCase().indexOf("#") >= 0) { 

      } else { 
       window.open(href, '_blank'); 
      } 
     }); 
    }); 

}, 500); 
}); 
+0

質問された質問ではありません。問題ですが、問題はありません。 – somethinghere

0

、私は単にそれがこの実際の目的は何

<script src="http://code.jquery.com/jquery-latest.min.js" 
      type="text/javascript"></script> 
    <a class="no-link" href="samp1.html">samp1</a> 
    <a class="no-link" href="samp2.html">samp2</a> 
    <script> 
    $(document).ready(function() { 
    $('.no-link').hover(function(){ 
    $(this).hide(); 
    }) 

    }); 
    </script> 
関連する問題