0

私は次のようなことに行き詰まっています。私のウェブサイトにはドロップダウンメニューがあります。ドロップダウン メニューが折りたたまれる主な項目は、クリックできません。ただし、そのアイテムのカーソルを通常に変更したいのですが、ドロップダウンメニューにはまだ「手」カーソルがあることを確認してください。

Html は次のようになります。

<ul> 
  <li>
    <a href="nice.php">Normal item<a/>
  </li> 
  <li>
    <a href="#">Dropdown initator</a> 
    <ul>
      <li><a href="droppage.php>Dropdown item</a></li>
    </ul> 
  </li> 
 </ul>

したがって、href="#" を含むリンクには非リンク カーソルが必要です。他にはcursor: 'pointer'が必要です。

JS を試してみましたが、うまくいきません。ドロップダウン項目のカーソルも false になります。

$('ul li').hover(function() {
   if($(this).find("a").attr("href") === "#"){
      $(this).css('cursor','e-resize');
      $(this).find("a").css('cursor', 'e-resize');
      $(this).find("ul li").css('cursor', 'pointer');
    }
});

違いはありませんが、ページは実際にはワードプレスのインストールの一部です。

どんな助けでも大歓迎です！

4

3 に答える 3

3

CSSを使用するだけです。

a[href='#']{
    cursor: e-resize;   
}

デモ: http://jsfiddle.net/XnNUt/

于 2012-08-02T22:49:23.363 に答える
1

次の css を追加できます。

a {
   cursor: pointer;
}

a[href="#"] {
   cursor: default;
}
于 2012-08-02T22:50:40.033 に答える
0

cursor: pointer;その特定のクラスの css プロパティを設定します。

于 2012-08-02T22:47:53.327 に答える