onclick 选项卡时的不同事件答案

【问题标题】：Different events when onclick tabsonclick 选项卡时的不同事件
【发布时间】：2009-09-25 13:51:15
【问题描述】：

我已经通过 jquery 创建了一个选项卡，我想在每个选项卡上显示来自数据库的不同数据，如果知道它是相同的容器和相同的数据但条件不同，我该怎么做？希望尽快找到答案我正在使用 php 和 javascript 谢谢

【问题讨论】：

【解决方案1】：

我会创建一个选项卡 ID 映射到您希望在单击选项卡时调用的远程 URL。例如在 JS 中：

<script type="text/javascript">
    var mySources = [];
    mySources['home'] = '/ajax/getHome.php';
    mySources['about'] = '/ajax/getAbout.php';
</script>

而且，当您的页面正在构建时，添加点击侦听器和 ajax 调用很容易：

$(function(){
    $("#myTabContainer a.tabLink").click(function(event){
        event.preventDefault();
        url = mySources[this.id];
        $.get(url,null,
            function(data){
                // this is the data returned by the server, 
                // put it wherever it needs to go
            }
        );
    });
});

只是我的 $.02，但至少我会这样开始。祝你好运！

【讨论】：

【解决方案2】：

您可以在选项卡上设置事件 (#('tabs').bind('tabselect', 'doSomething()')) 并在 doSomething 内部调用 ajax 方法

【讨论】：

【解决方案3】：

听起来您只是想根据单击的选项卡对选项卡内容进行 ajax 处理？或者您真的想要在单击同一个选项卡时根据某些条件获得不同的内容？

【讨论】：

是的 ajax 选项卡内容基于点击了哪一个我该怎么做