0

我有一个可能是一个非常简单的问题，但我不知道如何解决它，任何帮助都将不胜感激。

这是我的代码；

<div id='div2'>
    <div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
    <h2>Got A Bike to Sell?</h2>
    <p class="BikeForSaleButton">
    <a href="http://somepage.com">Yes</a>
    </p>

    <p class="BikeForSaleButtonNo">
    <a onclick="javascript:var div = document.getElementById('div2');div.parentNode.removeChild(div);">No</a></p> 
    </div>
    </div>

由于我不知道的原因，“否”链接在悬停时不会将光标变为手，但我不知道如何解决这个问题。

我会怀疑问题的出现是因为 NO 链接没有 href 但是我是新手，我不知道如何解决这种情况，所以我问有人可以告诉我如何解决这个问题，我先感谢您。

4

4 回答 4

0

因为您在链接上没有 href 属性。添加一个，光标会改变。

NITPICk：javascript:不需要它。

于 2013-04-03T18:05:24.480 回答
0

添加href ="#" 使其看起来像一个链接，而不是导航到不同的页面

<div id='div2'>
    <div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
    <h2>Got A Bike to Sell?</h2>
    <p class="BikeForSaleButton">
    <a href="http://somepage.com">Yes</a>
    </p>

    <p class="BikeForSaleButtonNo">
    <a onclick="javascript:var div = document.getElementById('div2');div.parentNode.removeChild(div);" href ="">No</a></p> 
    </div>
</div>
于 2013-04-03T18:06:10.630 回答
0

onclick 事件处理程序需要抑制链接默认行为以导航到 href 属性中指定的内容。

所以你href="#"也需要你不需要javascript: 它应该是这样的：

   <p class="BikeForSaleButtonNo">
    <a href="#" onclick="var div = document.getElementById('div2');div.parentNode.removeChild(div);">No</a></p>

这是显示工作代码的链接：

http://jsfiddle.net/dkU7B/1/

编辑：忘记提及您可以做的另一件事是完全摆脱 onclick 并像这样将 href 与 javascript 一起使用，但现在您需要使用javascript:一个巧妙的技巧。

<a href="javascript:var div = document.getElementById('div2');div.parentNode.removeChild(div);">No</a>
于 2013-04-03T18:07:26.400 回答
0

你需要一个 href="#"，我会把你的 HTML 和 JS 分开，它只是更干净的 IMO：

<script>
var div = document.getElementById('div2');
    function rmv() {
         div.parentNode.removeChild(div);
     }
</script>

<div id='div2'>
    <div class="DoYouHaveADirtBikeForSaleBox" id="DoYouHaveADirtBikeForSaleBox">
        <h2>Got A Bike to Sell?</h2>
        <p class="BikeForSaleButton">
            <a href="http://somepage.com">Yes</a>
        </p>

        <p class="BikeForSaleButtonNo">
        <a href="#" onclick="rmv()">No</a></p> 
</div>
</div>
于 2013-04-03T18:28:23.367 回答