蛋痛死了，用jquery無法include html

2013-01-21

蛋疼死了，用jquery無法include html本帖最后由 Aliceui 于 2013-01-05 00:01:42 编辑大概是想用include的

蛋疼死了，用jquery無法include html
本帖最后由 Aliceui 于 2013-01-05 00:01:42 编辑大概是想用include的方式共享header

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script>
$("#header").load("header.html");
</script>


<div id="header"></div>
<div class="item"></div>

結果header沒有成功插入，消失了，下面的div直接頂上最上層

已經確定有header.html的存在，而且也是上傳了伺服器，伺服器是用了類似Appserv的軟體架的 jquery html
[解决办法]
没必要非要用load，这样还有一个隐性的问题是如果有二级目录的话，这个header.html就请求不到了。其实直接以字符串的形式拼接插入或许安全一点。


(function(){
    var div = document.createElement('div');
    div.id = 'header';
    $('head').after(div);

    var footstr = '<div class="header_box">\
            <p>csdn计算机科技有限公司  版权所有</p>\
        </div>\
        </div>';
    $('#header').html(footstr);
            
}());

[解决办法]
用 iframe

或者服务器端 include
[解决办法]
我晕，这么个功能和load有什么关系
写一个公共的js文件：
$(function(){
    var header = $('#header');
    if(header.length) {
        header.append('<div>一个公共的header</div>');
    }
});
然后每个页面都加载这个js文件就可以了
[解决办法]
比如你的头像的地址：

http://avatar.profile.csdn.net/F/D/1/1_aliceui.jpg

这就是一个绝对路径。

开发时为了方便，可以省去域名: /F/D/1/1_aliceui.jpg

如果所有的图片及ajax请求都这么做，　就没有任何问题了。

千万别用什么相对路径，　大忌
[解决办法]

引用:

為什麼我引入header後會是用了相對路徑?

你用也可以啊，　但是麻烦不断。　无法封装成js到处通用。
代码复制到别的地方，　相对路径变了就傻了……

热点排行

Bad Request.

JavaScript

蛋痛死了，用jquery無法include html