我想在使用javascript 创建的 div 中使用 jQuery 选项卡 ( http://jsfiddle.net/43FcS/2/ )。
现在我正在为我正在工作的商店创建一个商店定位器。我正在使用由 Bjorn ( http://www.bjornblog.com/web/jquery-store-locator-plugin ) 创建的 jQuery 商店定位器插件。
当用户点击搜索时，将列出搜索结果（与输入地址最近的 4 个商店）。在每个 li 中，我都想创建一个带有“shoptab”类的 div。在每个 div 中，我希望显示 2 个选项卡（地址和营业时间），如上面的链接所示。我的 javascript 使用以下函数创建 li：
$('<li />').html("<div class=\"shoptab\"><h2 class=\"loc-name\"> Shop " + storeName + "<\/h2> <ul><li><a href=\"#tabs-1\">Address<\/a><\/li> <li><a href=\"#tabs-2\">Opening hours<\/a><\/li><\/ul> <div id=\"tabs-1\"><p>" + storeAddress1 + "<\/p> <p>" + storeAddress2 + "<\/p> <p>" + storeCity + ", " + storeState + " " + storeZip + "<\/p> <p>" + storePhone + "<\/p> <\/div> <div id=\"tabs-2\"><p>" + storeHours1 + "<\/p> <p>" + storeHours2 + "<\/p> <p>" + storeHours3 + "<\/p> <\/div><\/div>")
我知道我不能使用 ids tabs-1 和 tabs-2 因为它们会被多次使用，但现在我只是希望它们至少出现，然后调整代码以提供 div 的 ids 1、2、3， 4等
我的 jQuery 选项卡函数与我的 shoplocator 函数一起写在文档的底部。
$(function() {
$(".shoptab").tabs();
});
jQuery ui 脚本没有将类应用于其中的 shoptab div 和 ul/li，我不知道如何使其工作。
我希望有了这些信息，你可以帮助我。