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

Question

我在这个页面上有一个父页面 call.jsp 我有 div 标签，我想用一个已经有 jquery ui 选项卡和所有内容的页面 (veh.jsp) 加载这个 div 标签。意味着我只希望在父页面中加载带有选项卡的页面，而无需在 call.jsp 上编写 jquery 选项卡的代码。

Answer 1

我得到了解决方案伙计们。正如我之前所说，我有一个页面 Veh.jsp，它有这个 jquery ui 选项卡和内容。我有另一个页面 call.jsp 在这个页面上我有一个带有 id="call" 的标签和另一个带有 id="veh_tabs" 的标签。现在我想要标签的onclick，页面call.jsp的。但是 jquery 选项卡是作为普通链接而不是 tabs 来的。在仔细阅读 jQuery AJAX 方法.load()后，我找到了解决方案。

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

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

这里，

url : 你要加载的 URL（强制）

data：与请求一起发送到服务器的数据（可选）

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

代码如下：

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

这里 veh.jsp 是从中加载数据的 url

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

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

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