选项卡上的刷新页面单击引导程序

时间:2016-08-28 20:01:21

标签: jquery html twitter-bootstrap

我创建标签来播放视频,并且需要刷新页面,而只需点击其他标签即可播放其他视频。我附加脚本以保持在同一页面并重新加载页面但重新加载不会暂停视频,但很快就会重新加载。

选项卡上没有整页刷新点击?

HTML部分:

<div id="tabs-list">
    <ul class="nav nav-tabs nav-justified" id="myTab">
        <li class="active"><a href="#t1" data-toggle="tab">Live 1</a></li>
        <li><a href="#t2" data-toggle="tab">Live 2</a></li>
        <li><a href="#t3" data-toggle="tab">Live 3</a></li>
        <li><a href="#t4" data-toggle="tab">Live 4</a></li>
    </ul>

    <div class="tab-content">
        <div id="t1" class="tab-pane fade in active"><?php echo get_post_meta($post->ID, 'live1', true); ?></div>
        <div id="t2" class="tab-pane fade"><?php echo get_post_meta($post->ID, 'live2', true); ?></div>
        <div id="t3" class="tab-pane fade"><?php echo get_post_meta($post->ID, 'live3', true); ?></div>
        <div id="t4" class="tab-pane fade"><?php echo get_post_meta($post->ID, 'live4', true); ?></div>
    </div>
</div>

脚本:

<script type="text/javascript">

    $(document).ready(function () {
        $('#tabs-list').click(function () {
            location.reload();
        });
    });

    $('#myTab a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
    });
    $("ul.nav-tabs > li > a").on("shown.bs.tab", function (e) {
        var id = $(e.target).attr("href").substr(1);
        window.location.hash = id;
    });
    var hash = window.location.hash;
    $('#myTab a[href="' + hash + '"]').tab('show');

</script>

1 个答案:

答案 0 :(得分:3)

您应该使用location.reload(true)重载,这样就不会从缓存中加载。

true参数使其无法从缓存中读取。 您可以在这些功能的任何人的帮助下重新加载页面,它们应该可以工作。

  1. location.reload()
  2. history.go(0)
  3. location.href = location.href
  4. location.href = location.pathname
  5. location.replace(location.pathname)
  6. location.reload(假)
  7. for Reference from the other SO Question