jquery选项卡通过ajax加载问题

发布于 2024-10-08 02:00:42 字数 557 浏览 2 评论 0原文

我使用标准 jquery 选项卡 1.3.2 在每个选项卡窗格中加载书签列表。

如果在 dom 准备好之前单击选项卡,ajax 页面将自行加载。我不希望这种情况发生,那么我怎样才能阻止这种行为呢?

 <ul id="tool-tabs" class="tabs clearfix">
 <li class="ui-tabs-selected"><a href="#tools">Tools</a></li>
 <li><a id="bookmarks" href="/ajax.bookmarks.php">Bookmarks</a></li>
 <li><a id="favorites" href="/ajax.favorites.php">Favorites</a></li>
 </ul>

如果我在页面加载时单击书签,我会将ajax页面加载到/mysite/ajax.bookmarks.php,这是我不想要的。

提前致谢。

im using the standard jquery tabs 1.3.2 to load a list of bookmarks in each tab pane.

If a tab is clicked before the dom is ready the ajax page is loaded by itself. I don't want that to happen so how can I stop that behavior?

 <ul id="tool-tabs" class="tabs clearfix">
 <li class="ui-tabs-selected"><a href="#tools">Tools</a></li>
 <li><a id="bookmarks" href="/ajax.bookmarks.php">Bookmarks</a></li>
 <li><a id="favorites" href="/ajax.favorites.php">Favorites</a></li>
 </ul>

If i click Bookmarks as the page loads i get the the ajax page loaded to /mysite/ajax.bookmarks.php which i don't want.

Thanks in advance.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

深者入戏 2024-10-15 02:00:42

最简单的事情可能是将选项卡组的默认样式设置为 display: none,然后在页面加载完成后使其可见。您还可以尝试添加 onClick="return false" 来禁用它们,然后在它们准备好使用后使用 jQuery 清除它们。

Simplest thing is probably set the default style for the tab group to display: none, and then make it visible after the page is done loading. You could also trying adding a onClick="return false" to disable them and then clear those with jQuery once they're ready for use.

谁与争疯 2024-10-15 02:00:42

尝试在里面写你的代码

$(document).ready(function(){

//

});

try writing ur code inside

$(document).ready(function(){

//

});
几味少女 2024-10-15 02:00:42

您确定在 $(document).ready() 方法中调用 jquery 的 tabs() 函数吗?
如果是这种情况,您应该不会有问题。

Are you sure you are calling the tabs() function of jquery in the $(document).ready() method?
If this is the case you should not have a problem.

爱情眠于流年 2024-10-15 02:00:42
$(document).ready(function(){
    //once dom get ready it happens
    $('#bookmarks').trigger('click');    
    $("#bookmarks").click(function(e){
        e.preventDefault();
    });     
});

运行您的 ajax 代码,并在 ajax 成功后再次激活它。

$(document).ready(function(){
    //once dom get ready it happens
    $('#bookmarks').trigger('click');    
    $("#bookmarks").click(function(e){
        e.preventDefault();
    });     
});

Run your ajax codes and onsuccess of your ajax once again activate it.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文