Javascript jQuery-在jQuery.get函数之后重新加载头脚本_Javascript_Jquery_Html_Import_Get

Javascript jQuery-在jQuery.get函数之后重新加载头脚本

javascript jquery html import

Javascript jQuery-在jQuery.get函数之后重新加载头脚本,javascript,jquery,html,import,get,Javascript,Jquery,Html,Import,Get,我编写了以下代码来切换html内容： $.get( "header.html", function( data ) { $( "#header-import" ).html( data ); alert( "Load was performed." ); }); $.get( "navigation.html", function( data ) { $( "#navigation-import" ).html( data ); alert( "Load was performe

我编写了以下代码来切换html内容：

$.get( "header.html", function( data ) {
  $( "#header-import" ).html( data );
  alert( "Load was performed." );
});
$.get( "navigation.html", function( data ) {
  $( "#navigation-import" ).html( data );
  alert( "Load was performed." );
});
$.get( "home.html", function( data ) {
  $( "#content-import" ).html( data );
  alert( "Load was performed." );
});

我导入的JS脚本似乎没有正确加载。我想我必须在加载页面后“重新加载”主html文件中的部分。有什么想法吗，伙计们？我尝试了一些东西，但没有成功。

使用.ajax（）并拥有一个数据类型，产生了一个完美的工作最终结果：

<html>
    <head>

    <script src="jquery-1.10.2.js"></script>

    <script type="text/javascript">
        jQuery(document).ready(function(){


            jQuery.ajax({
                url : "test1.html",
                dataType: "html",
                success : function (data) {
                    jQuery( "#header" ).html( data );
                    console.log("a: "+data);
                    //alert( "Load was performed." );
                }
            });

            jQuery.ajax({
                url : "test2.html",
                dataType: "html",
                success : function (data) {
                    jQuery( "#navigation" ).html( data );
                    console.log("b: "+data);
                    //alert( "Load was performed." );
                }
            });



        });
    </script>
    </head>
    <body>

        <h1>TEST</h1>
        <div id="header">

        </div>

        <div id="navigation">

        </div>
    </body>
</html>


jQuery（文档）.ready（函数（）{
jQuery.ajax({
url:“test1.html”，
数据类型：“html”，
成功：功能（数据）{
jQuery（“#header”）.html（数据）；
控制台日志（“a:+数据）；
//警报（“已执行加载”）；
}
});
jQuery.ajax({
url:“test2.html”，
数据类型：“html”，
成功：功能（数据）{
jQuery（“#导航”）.html（数据）；
控制台日志（“b:+数据）；
//警报（“已执行加载”）；
}
});
});
试验

很好，谢谢，你知道我如何调用onclick函数吗？太棒了！对您可以将这两个

jQuery.ajax（）

调用封装在：

jQuery（“选择器”）.on（'click'，function（）{//jQuery.ajax（）calls}）

其中

选择器

是类或ID（如果是类，它将是

.classname

如果是ID，它将是

#ID

工作得很好，你知道当加载某个东西时我如何在头部添加东西吗：f.ex.：$.ajax（{url:“home.html”，数据类型：“html”，success:function（data）{jQuery（“#content import”）.html（data）}}）；这样它应该导入：“很高兴听到；至于你的后续问题：为什么不首先将该库包含在

中？如果它只是一个文件的一部分，那么就将该库包含在该文件的