Question

我正在使用标签，但想知道是否有可能“刷新”标签内容点击？

Answer 1

这是我在asp.net mvc中使用ajax的方式：

<div id="content">
    <ul>
        <li><a href="#tab0"><span>Details</span></a></li>
        <li><a href="#tab1"><span>Cost</span></a></li>
        <li><a href="#tab2"><span>Bookings</span></a></li>
    </ul>
    <div id="tab0"></div>
    <div id="tab1"></div>
    <div id="tab2"></div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $(function() {
            var $tabs = $("#content").tabs({
                select: function(e, ui) {
                    var thistab = ui;
                    runMethod(thistab.index);
                }
            });
        });
    });

    function runMethod(tabindex) {
        switch (tabindex) {
            case 0:
                getTabZeroData();
                break;

            case 1:
                getTabOneData();
                break;

            case 2:
                getTabTwoData();
                break;
        }
    }
</script>

<script type="text/javascript">
// ajax getTabnnn methods here...
</script>

每个getTabnnnData方法运行它自己的小ajax例程并填充div。这是非常有效的，因为你也可以得到一点聪明，只有在目标div仍然是空的时候才运行方法等。

希望这会给事情带来另一种倾向。

吉姆

Answer 2

是的，这是可能的，但你不需要onClick事件，我认为

使用此

<div id="example">
     <ul>
         <li><a href="ajaxpage1.php"><span>Content 1</span></a></li>
         <li><a href="ajaxpage2.php"><span>Content 2</span></a></li>
         <li><a href="ajaxpage3.php"><span>Content 3</span></a></li>
     </ul>
</div>

请注意：不是给出标签分区的ID，而是给出一个页面链接 因此，每次单击选项卡时，都会更新它

这会优雅地降低 - 链接，例如禁用JavaScript时仍可访问内容。

ps：我假设你有一个工作标签

Answer 3

请理解，这很可能不是最好的方法。但这就是他要求的。

function tabrefresh(){
    $( "#tabs" ).tabs( "refresh" );
};

<button onclick="tabrefresh()">Refresh Tabs</button>

Answer 4

简单： http://docs.jquery.com/UI/Tabs

）

使用jquery刷新div选项卡onclick？

4 个答案: