Question

我有一个导航栏，每当用户点击链接时，容器就会加载相应的文件。

例如：

HTML

<a href="home.php" class = "navLink">Home</a>

JS

$(function() {
    $(".navLink").on("click", function(e) {
        e.preventDefault();
        $(".container").load(this.href);
    });
});

示例HTML：

<p>Test</p>
<script>        
    var a = new Date(2015,7,1,0,0,0) - new Date();
    var b = Math.round((a/1000) - 2592000);                 
    var timer = new Countdown({time:b, style: "flip", rangeHi: "days", height: 60, width: 415});
</script>
<p>Test</p>

但是我的一个文件有<script></script>个标签。当我加载此页面时，它无法正常工作。它不会显示在容器中，而是直接打开文件。此外，只有脚本标记运行，而页面中没有任何其他内容。我需要保留此脚本标记，因为我正在使用它来初始化一个输出html / css代码的计时器。

有没有办法解决这个问题？

编辑 - 使用异步选项设置为true但现在它不分析脚本。控制台日志：未捕获的ReferenceError：未定义倒计时

$(document).ready(function() {  
    $.ajaxPrefilter(function( options, originalOptions, jqXHR ) {
        options.async = true;
    });

     $(".navLink").click(function() {
        $.get( 'home.php', function( data ) {           
            $(".container").append(data);       
        });
     });     
});

如何在加载脚本时评估脚本标记

0 个答案: