JQuery .Load() javascript 未执行

Question

我遇到了重大问题。我有一个名为 dashboard.php 的页面，但实际页面 div（ID = #dashboardcontainer）是空的，因为我正在使用此脚本填充内容：

$('#dashboardcontainer').load('functions/pages/dashboard/dashboard_admin.php');

然后我尝试了：

$.getScript("assets/plugins/jquery-1.8.2/jquery-1.8.2.min.js", function(){
$('#dashboardcontainer').load('functions/pages/dashboard/dashboard_admin.php');
})

但是，我要“注入”的页面实际上包含 Javascript。问题是，上述 javascript 的 .load() 不会加载文件中的 javascript。

我尝试了以下帖子中的许多其他示例，但它们根本不起作用。 javascript实际上并未加载。

jQuery .load() / .ajax() not executing javascript in returned HTML after appended

$.get('partial.html', function(result){
$result = $(result);

$result.find('#content').appendTo('#new_content');
$result.find('script').appendTo('#new_content');
}, 'html');

= 没有 javascript 触发。

jQuery ajax load() java script not executing?

$("loadStuffHere").load("xyz.html"); $.getScript('js/xyz.js');

= 仍然没有 javascript 触发。

我不能使用大量的 PHP 包含，因为我收到了阻止我的页面正确呈现的冲突。

我也尝试过使用某种 Json 东西来隐藏和显示 dom 元素，但我讨厌修改和插入新数据的复杂性。

有没有什么简单的方法（这个术语在网络开发字典中似乎不存在）我可以实际注入一个包含它自己的 javascript 的网页，就像 PHP 包含会呈现它一样？

这是我要注入的 PHP 页面：

<?php
     echo '<script type="text/javascript">alert("This is the sub-page");</script>';
?>

Answer 1

试试

$.get("functions/pages/dashboard/dashboard_admin.php"
  , function(script, textStatus, jqxhr) {
    console.log(typeof script, textStatus
                , jqxhr.responseText
                , jqxhr.getResponseHeader("Content-Type"));
    $("head").prepend(script);
})
.fail(function(jqxhr, textStatus, errorThrown) {
  console.log(jqxhr.responseText, errorThrown);
});