通过ajax在其他页面div标签中加载带有jquery ui选项卡的页面

时间:2013-07-19 06:42:46

标签: jquery-ui jquery

我有一个父页面call.jsp 在这个页面上我有div标签,我想加载这个div标签与页面(veh.jsp)已经有jquery ui标签和所有内容。 意思是我只想要在父页面中加载tab的页面而不在call.jsp上编写jquery选项卡的代码。

1 个答案:

答案 0 :(得分:1)

我得到了解决方案的人。 正如我之前所说,我有一个页面Veh.jsp,它有这个jquery ui标签和内容。 我有另一个页面call.jsp 在这个页面上,我有一个id =“call”的标签和另一个id =“veh_tabs”的标签。 现在我想点击标签,即call.jsp页面。 但是jquery选项卡作为普通链接而不是标签。 我仔细浏览了jQuery AJAX方法 .load()后找到了解决方案。

load()方法从服务器加载数据并将返回的数据放入选定的元素中。

$(selector).load(url,data,function(response,status,xhr))

下面,

url :您要加载的网址(manadatory)

data :与请求一起发送到服务器的数据(可选)

Function():请求完成时执行的回调函数。

代码如下:

 $("#veh_tabs").load('../veh.jsp>veh_id='+veh_id+'#tabs',(function(){
 $("#tabs".tabs({
 event:"mouseover"
 })
 }));

这里veh.jsp是加载数据的网址

function()是jquery tabs函数,它应在加载内容后运行。 id:用空格指定的#tabs表示解析整个文档并仅从指定了id的元素加载内容。

有关.Load()的详细信息,请查看此链接

http://api.jquery.com/load/

相关问题