ajax局部刷新页面导致css样式冲突

[a455295165]

大致是这样的，我页面用的ajax局部刷新
比如 主页面 分两个div，左边的div是导航栏，右边的是显示的内容。
然后我的策略是 点击左边的导航栏，通过ajax刷新后，返回一个jsp页面,把这个页面装进右边的div中，如下

success:function(data){
        $('#page-content'),html(data);//page-content是右边div的id名
}

但是 前几天 当我在 一个 页面中 运用bootstrap 的下拉框时，我在这个页面中引入了 一些 js,css文件
然后这个页面 ajax刷新到 page-content中
然后 出问题了，css样式、js 和 原本的 主页面的冲突了，导致不能正常显示，而且当我点击了 这个 导航栏后，再点击其他菜单，我发现原来的 页面 也乱了！（应该是因为页面通过ajax刷新的，于是主页面受到这个页面的css影响了，导致原来的css被这个 刷新进来的 页面的css覆盖了）


然后 想尽了办法，都无解啊

求助，应该怎么办

还有一个问题就是 ，用ajax刷新从后台得到的一个list，我如果要想在前台遍历到 table里 我该怎么办？ 我是用的struts2 的 iterator标签，但是 那个 貌似不能 把这个list赋给 iterator的 name啊

然后，我就用原来的笨办法，把这个table写在一个jsp里 ，然后把这个 jsp又刷到主界面的 div中好麻烦！

没分了啊，刚冲了10元的 c币，拼了，望各位帮助。

[slwsss]

放iframe里就不会冲突了

[Go 旅城通票]

如果你加载的页面有很多css。你最好如1#说的那样，用iframe，要不肯定会出现样式覆盖的问题。

[a455295165]

引用 1 楼 slwsss 的回复:

放iframe里就不会冲突了

引用 2 楼 showbo 的回复:

如果你加载的页面有很多css。你最好如1#说的那样，用iframe，要不肯定会出现样式覆盖的问题。

多谢二位回复，难道现在只有这种方法吗？主要是 现在我这个项目 快完了，难道要重新做前端吗？ 原来我也是用的frame的方式，就是觉得传旨比较麻烦就改成ajax刷新了。。

[slwsss]

可以用ajax加载数据再放到iframe里，不一定要用url导航

[Go 旅城通票]

引用 3 楼 a455295165 的回复:

[quote=引用 1 楼 slwsss 的回复:] 放iframe里就不会冲突了

引用 2 楼 showbo 的回复:

如果你加载的页面有很多css。你最好如1#说的那样，用iframe，要不肯定会出现样式覆盖的问题。

多谢二位回复，难道现在只有这种方法吗？主要是 现在我这个项目 快完了，难道要重新做前端吗？ 原来我也是用的frame的方式，就是觉得传旨比较麻烦就改成ajax刷新了。。 [/quote] 只能这样，要不你改css更加麻烦把。。iframe比简单好不好。。你都ajax加载到同一个页面不但是样式，js也要注意防止冲突。。

[a455295165]

好吧，也只能这样了，谢谢二位。

[EasyHome丶]

我这有个例子

[米酒一米九]

我也今天在纠结这个问题，最终解决方案是我在目标界面开头去掉引入bootstrap的CSS样式 我猜测问题原因是： 因为主界面已经导入过bootstrap的css样式+我的自定义样式了 在用ajax读取页面的时候，在目标页面又导入了一次bootstrap的CSS样式，覆盖了前面的自定义样式。