2011-03-26 70 views
0

我打开一个网页使用jQuery .load(file.php)刷新.js文件没有按F5

我有一个.js包括像file.php:<script src='js/script.js' type="text/javascript" language="javascript"></script>

当我加载file.php,他止跌加载我的JS文件...有谁知道为什么以及如何解决它?

谢谢

+0

应该得到加载并执行。是什么让你觉得它不是? – 2011-03-26 23:14:56

+0

使用Chrome开发人员工具或Firefox Firebug(或其他浏览器中的等效工具)查看服务器正在请求什么,以及它为什么可能失败。 – Amadan 2011-03-26 23:16:38

回答

0

检查路径,使.JS文件的绝对路径,它应该加载。

<script src='/js/script.js' type="text/javascript" language="javascript"></script> 

只是要积极尝试像这样...

function ajax(url, selector){ 
    $.ajax({ 
    type: "GET", 
    url: url, 
     success: function(data){ 
      $(selector).html(data); 
     } 
    }); 
} 

ajax("file.php", "#mydiv"); 
+0

的路径是正确的,当我打开file.php直接它的作品..但如果我加载与jQuery的.php文件,他忽略了js文件:\ – njaknjak 2011-03-26 23:16:47

+0

马克加载内容和**查看选择源**(FF ),检查HTML是否没有被破坏。可能是不是,但替换双引号** src = ** ... – 2011-03-26 23:19:08

+0

它没有坏..但我认为我不能加载.js文件与.load:\ – njaknjak 2011-03-26 23:24:22

0

如何只创建脚本标签?另外确保链接正确。另外,我听说IE浏览器在动态脚本标记方面存在一些问题,那么你使用IE吗?

$("<script src='js/script.js' type='text/javascript' ></script>").appendTo("head"); 
+0

等待,我会测试....我使用Firefox和safari顺便说一句----这不工作:( – njaknjak 2011-03-26 23:20:15

+0

好吧,嗯... – mattsven 2011-03-26 23:31:09

1

我不知道为什么,但jQuery的清晰脚本元素时负荷的html。

我最近遇到了同样的问题,经过几天在谷歌搜索后,我可以实现一个解决方法。

$.ajax({ 
    url: 'mypage.aspx', 
    data: eval('(' + MyData + ')'), 
    dataType: 'html', 
    success: function (data) { 
     var $div = $('<div></div>').hide().appendTo($("#MY_DIV")).html(data).remove(); 
     var innerData = $(data).html(); 
     $("#MY_DIV").html(innerData); 
    } 
}); 

其他可能的方式是添加脚本在当前页:

$.ajax({ 
    url: 'mypage.aspx', 
    data: eval('(' + MyData + ')'), 
    dataType: 'html', 
    success: function (data) { 

     //Add to DOM scripts from the loaded page. 
     var headID = document.getElementsByTagName("head")[0]; 
     var arr = data.match(/<script(.|\n|\t)*?script>/gi); 
     if (arr != null) { 
      for (var i = 0; i < arr.length; i++) { 
       if (arr[i].match(/<.*?src=.*?>/) != null) { 
        var sSrc = arr[i].match(/src=".*?"/)[0]; 
        sSrc = sSrc.replace('src=', '').replace('"', '').replace('"', ''); 
        var newScript = document.createElement('script'); 
        newScript.type = 'text/javascript'; 
        newScript.src = sSrc; 
        headID.appendChild(newScript); 
       } 
      } 
     } 
     var arr = data.match(/<link(.|\n|\t)*?>/gi); 
     if (arr != null) { 
      for (var i = 0; i < arr.length; i++) { 

       if (arr[i].match(/<.*?href=.*?>/) != null) { 
        var sHref = arr[i].match(/href=".*?"/)[0]; 
        sHref = sHref.replace('href=', '').replace('"', '').replace('"', ''); 
        var newLink = document.createElement('link'); 
        newLink.rel = "stylesheet"; 
        newLink.type = "text/css"; 
        newLink.media = "all"; 
        newLink.href = sHref; 
        headID.appendChild(newLink); 
       } 
      } 
     } 

     $("#MY_DIV").html(data); 
    } 
}); 
+0

会很好,如果你给我的整个代码...因为它没有为我工作..也许我做了错误.. – njaknjak 2011-03-27 00:01:23

+0

我通常把我所有的脚本放在一个调用页面。也许看到[this](http://www.bennadel.com/blog/1605-jQuery-AJAX-带脚本标签 - 和 - 插入了他们,之后,家长最Elements.htm)。 – 2011-03-27 01:18:28