onclick添加另一个脚本不能在Javascript中工作

时间:2015-10-07 10:40:32

标签: javascript jquery html

我想创建一个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;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

您正在主脚本中隐藏#hide。这里:

script.src = "js/wa_lock.js.";

似乎你不必在路径的尽头有一个点。也许这会更好:

script.src = "js/wa_lock.js";

此外,还不清楚wa-lock.js在做什么。也许它的加载时间晚于您隐藏的时刻,因此您可以考虑将隐藏部分添加到wa_lock.js文件中。最后,您应检查控制台以查看是否存在任何js错误,并检查网络选项卡以检查脚本是否已正确加载。