使用ajax加载页面，新加载的页面如何才能不影响原有页面

A,B两页面
A页面加载B页面

  $("#propertiesframe").load("jsp/paragraph.jsp",{

            }, function (response) {
                $(response).find("[id]").each(function () {
                    // $(this).attr("id",  "properties-" + $(this).attr("id"));
                })
            });

A页面有个Id为paragraph的按钮
B页面有个id为paragraph的div
B页面加载完毕执行js脚本

  $( " #paragraph" ).accordion({
        heightStyle: "content"
    });

，影响到A页面的按钮

初步觉得A页面应该把

   $( " #paragraph" ).accordion({
        heightStyle: "content"
    });

这里的jquery选择器里，加上个父标签变成

 $( "#propertiesframe  #paragraph" ).accordion({
        heightStyle: "content"
    });

但是怎么替换，B页面的js脚本又不一定写在html页面而是引用别的js，大神有啥看法，谢谢了

既然是加载，做个弹层不就好了，load 是重新加载的意思

B页面改成这个不就好了
$( " div#paragraph" ).accordion({
heightStyle: "content"
});

加个class区分一下不就行 了

同一个页面的ID别用一样 的命名吧

建议是用子框架，ifrom之类的，这样你的页面就分区域，每一个区域都互相不影响

在a页面加载b页面之前给$( " #paragraph" )加一个class

建议用iframe，