我有一个对话框，显示但只有一个按钮改变光标

I Have A Dialog That Displays But Only One Button Changes the Cursor

本文关键字：有一个 按钮 改变 光标 显示 对话框      更新时间：2023-09-26

我有一个可能非常简单的问题，但我不知道如何解决它，如果有任何帮助，我当然会很感激。

这是我的代码;

<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"链接不会将光标更改为手，但我不知道如何解决这个问题。

我怀疑这个问题的出现是因为NO链接没有一个href，但由于我是一个新手，我不知道如何补救这种情况，所以我问有人可以请告诉我如何解决这个问题，我提前感谢你。

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

NITPICk:删除不需要的javascript:

添加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>

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，只是使用javascript的href像这样，但现在你需要使用javascript:只是一个整洁的技巧。

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

你需要一个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>
相关文章：