1

<li>全体または<tr>要素をリンク可能にする必要があります。onclickアクションでjavascriptを使用するように誰かが提案します。

    function doNav(url)
    {
        document.location.href = url;
    }

これでうまくいきますが、問題は、この方法ではユーザーがどの URL に行くのかを理解できないことです。ブラウザの動作を変更せずに私のニーズ (完全にクリック可能な要素) を実現するにはどうすればよいですか?

4

3 に答える 3

2

これにはjavascriptは必要ありません。このCSSを追加

ul li a {
  display: block;
  padding: 10px 20px;//more or less, to suit your needs
  text-decoration: none;
}

<li>これにより、アンカーを含む全体がクリック可能になります

于 2012-09-11T20:47:19.093 に答える
1 
<li class="block"><a href="whatever">Text</a></li>

これでターゲットが見えます。その後：

.block{
    display:block;
    text-decoration:none; //just so it isn't underlined
}

CSS では、「すべてがクリック可能である必要がある」という問題を処理します。

于 2012-09-11T20:47:38.887 に答える
0

HTML

<ul class="menu">
 <li class="anchors" title="click me I am a link" > link 1 </li>
 <li class="anchors" title="click me I am a link" > link 1 </li>
 <li class="anchors" title="click me I am a link" > link 1 </li>
 <li class="anchors" title="click me I am a link" > link 1 </li>
</ul>

CSS:

ul li.anchors{
 text-decoration:underline;
 color:blue;
 list-style-type:none;
 display: inline-block;
 margin:2px 4px;
 padding: 2px 4px;
}

ul li.anchors:hover{
 color:navy;
 cursor:pointer;
}

より良い方法は次のようになります: http://jsfiddle.net/iamanubhavsaini/Cv2FM/1/

ここでは、contentプロパティとdata-属性を使用して、ユーザーが何をクリックするかを事前に伝えます。

于 2012-09-11T20:51:42.877 に答える