我想创建一个JavaScript将执行以下操作的页面:
当我点击名为&#34的链接时;更新"它会隐藏名为" hide"运行另一个由JavaScript链接的脚本。
但是当我点击"更新"它只是隐藏div但不在移动或Firefox上运行脚本。它正在使用谷歌浏览器。
var myLink = document.getElementById('mylink');
myLink.onclick = function () {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "js/wa_lock.js.";
document.getElementsByTagName("head")[0].appendChild(script);
return false;
}
$("#mylink").click(function () {
$("#hide").hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="hide">
<h1 class="big">Update Required!</h1>
<div class="wrapper">
<img src="images/logo.png" class="logo" />
<p class="txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p class="txt">Nullam sit amet mauris pellentesque, fermentum lacus vitae, ultrices ligula. Praesent odio dui, volutpat id faucibus non, facilisis eget lacus.</p>
<img src="images/msg.png" class="logo" />
<p class="now">facilisis eget lacus <span id="timer"></span> Vivamus hendrerit velit purus</p>
<div class="bottom">
<p class="rules">1.Curabitur quis dolor ligula. Nullam erat neque, ornare nec massa quis, blandit dignissim tortor. Sed velit lacus, tempus quis lorem sed, efficitur mattis justo.</p>
<p class="rules">2. Donec mattis, nibh eu porttitor lobortis, erat neque placerat orci, ac egestas velit arcu eu augue. Morbi viverra sapien in ultricies pulvinar.</p>
<a href="#" id="mylink">Update</a>
</div>
</div>
</div>
&#13;
答案 0 :(得分:1)
您正在主脚本中隐藏#hide
。这里:
script.src = "js/wa_lock.js.";
似乎你不必在路径的尽头有一个点。也许这会更好:
script.src = "js/wa_lock.js";
此外,还不清楚wa-lock.js在做什么。也许它的加载时间晚于您隐藏的时刻,因此您可以考虑将隐藏部分添加到wa_lock.js文件中。最后,您应检查控制台以查看是否存在任何js错误,并检查网络选项卡以检查脚本是否已正确加载。