1

我有一个带有 jQ​​uery 和 JavaScript 的 HTML 页面。我在 head 标签中导入我需要的库：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places" type="text/javascript"></script>

然后我在里面导入一些带有jQuery的html：

$('#cliente').click(function(){$('#container').load('/clienti/cliente');});

但是加载的页面内的 jQuery 不起作用。（我确信代码是正确的，就像单独工作一样）。

我需要做点什么吗？我试图在脚本之前导入导入页面中的库（头脑中），但没有工作。我没有其他想法！

4

2 回答 2

0

.load()仅适用于您使用它的方式的 HTML。（参见标题为“脚本执行”的部分）。它不会评估您加载的 HTML 中的任何脚本。你想要的是使用后缀加载它，即

$('#cliente').click(function(){$('#container').load('/clienti/cliente.html');});
于 2012-05-22T16:14:44.327 回答
0

如果你的 JS 和 HTML 必须在同一个文件中，一个更好的方法是这样。我相信它会以这种方式评估 JS。

$('#cliente').click(function(){
    $.get('/clienti/cliente', function(data){
        $('#container').html(data);
    });        
});

或者，您可以将这两个项目（HTML 和 JS）作为文本传回

$('#cliente').click(function(){
    $.getJSON('/clienti/cliente', function(object){
        $('#container').html(object.html);
        $parseJSON(object.jscript);
    });        
});

否则，您将需要在两个镜头中使用$.get()and$.getJSON()获取 html 和 js。

于 2012-05-22T16:20:10.917 回答