点击事件使用按钮ID

我冒险出来学习一些JavaScript和jQuery，在我的项目中我有一个ID为内联的按钮元素。当你点击这个按钮时，它假设会淡入另一个div。我错过了一些东西，但由于我是这种语言的新手，我不确定我相信脚本功能是否正确。点击事件使用按钮ID

<span data-toggle="tooltip" data-placement="top" title="Open Radar Controls"> 
    <button id="play" class="map__control_icon"><i class="fa fa-play"></i></button> 
</span>

认为由于上面的ID与按钮元素内联可能导致一些冲突。所以我尝试了下面的内容并将其包装在一个div中。我更喜欢上述方法，因为它更简洁，代码更少。

<div id="play"> 
    <span data-toggle="tooltip" data-placement="top" title="Open Radar Controls"> 
     <button class="map__control_icon"><i class="fa fa-play"></i></button> 
    </span> 
</div>

这是我打来的脚本。我确实在外部的js文件中有，但是，我正在用按钮调用文档内的文件。不知道这件事是否重要。我用上面的两种HTML方法尝试了头部和身体末端的代码，而且似乎可以工作。我错过了什么，不正确？

$(document).ready(function() { 
    $("#play").click(function() { 
    $("#radar-control-container").fadeIn(1000); 
    }); 
});

可能还提到我现在在控制台ether中出现错误。

编辑

我加入了mapAds div来的脚本，当你按下按钮就淡出喜欢它是假设，但雷达控制div容器不褪色了。至少我知道这与按钮没有任何关系。我认为它与隐藏在文档上的事情有关，我需要事件来改变它，先显示然后淡入或许？

$(document).ready(function() { 
    $("#play").click(function() { 
    $("#radar-control-container").delay(2000).fadeIn(1000); 
    $("#mapAds").fadeOut(1000); 
    }); 
});

来源

2017-05-31 Texan78

有两件事，你导入jQuery？而且你没有这个ID的雷达控制容器的元素，至少在你的例子中没有。 – Lixus

第三个......隐藏的元素是否可以淡入？ – charlietfl

1.）是导入了JQuery。我在这个页面上使用它的其他脚本。 2.）我没有在例子中加入ID radar-control_container，因为它会引起这个问题。它确实存在，是的，它隐藏在负载上。有点，它显示了页面第一次加载时，然后加载它隐藏。这是继此之后的下一场战斗。 – Texan78

我把它整理出来，并按照设计工作。

添加它来显示它从它的隐藏状态...

.css('visibility', 'visible').

然后完整的脚本。

$(document).ready(function() { 
    $("#play").click(function() { 
    $("#radar-control-container").css('visibility', 'visible').delay(2000).fadeIn(1000); 
    $("#mapAds").fadeOut(1000); 
    }); 
});

希望这是正确的，谢谢@charlietfl指出我在正确的方向。

来源

2017-05-31 23:54:16 Texan78

点击事件使用按钮ID

回答

相关问题