Question

我在一个名为list.php的页面中有这样的代码当我点击链接时，iframe中的视频更改为我选择的视频但在地址栏中仍然是list.php如何使网址成为列表.PHP / Anohana10？或类似的东西？

<script>
    $(document).ready(function(){
    $("ul#videos li a").click(function(e) {
        e.preventDefault();

        $("#video").attr("src", $(this).attr("href"));
    })
});
</script>

<div class="videoWrapper">
    <IFRAME  id="video" SRC="http://upload4free.co/embed-trdcgvsgf0tj-500x300.html" FRAMEBORDER=0  
        webkitAllowFullScreen ></IFRAME>
    </div>

<ul id="videos">
    <li><a id="Anohana10" href="http://upload4free.co/embed-ndi71khpdvbf-580x300.html">Anohana Episode 10</a></li>
    <li><a id="Anohana9" href="http://upload4free.co/embed-flm2y2648udr-580x300.html">Anohana Episode 9</a></li>

Answer 1

您可以，而不是拦截<a>重定向网页的默认行为，让它锚定信息，例如<a id="Anohana10" href="#Anohana10">，然后您的网页网址会显示比如：list.php#Anohana10。

iframe的链接信息，您可以存储在另一个自定义属性上（让我们说data-url），并使用您的jquery函数检索它：

<script>
    $(document).ready(function(){
    $("ul#videos li a").click(function(e) {
        $("#video").attr("src", $(this).attr("data-url"));
    })
});
</script>

<div class="videoWrapper">
    <IFRAME  id="video" SRC="http://upload4free.co/embed-trdcgvsgf0tj-500x300.html" FRAMEBORDER=0  
        webkitAllowFullScreen ></IFRAME>
    </div>

<ul id="videos">
    <li><a id="Anohana10" href="#Anohana10" data-url="http://upload4free.co/embed-ndi71khpdvbf-580x300.html">Anohana Episode 10</a></li>
    <li><a id="Anohana9" href="#Anohana9" data-url="http://upload4free.co/embed-flm2y2648udr-580x300.html">Anohana Episode 9</a></li>

修改

要在直接键入URL时从URL获取锚点，请将其添加到ready jquery方法：

$(document).ready(function(){ var identifier = window.location.hash; if(identifier != "") $(identifier).click(); $("ul#videos li a").click(function(e) { ... });

这将从网址获取#id，然后点击相应的<a>代码，加载视频......

如何在单击链接时使URL唯一

1 个答案: