javascript - 脚本仅在刷新后才有效

Question

在第一页中，我有一个带有链接的图像，您可以单击它:

<div style="width: 97px; height: 130px;">
<a href="objects_lost.html?obj=images/dog.png">
<div>
<img src="images/dog.png" alt="" style="width: 100%; height: 100%;">
<p style="color: black; margin-top: 0px;">DOG</p>
</div>
</a>
</div>

当您单击它时，会打开一个新页面，其中显示您单击的图像。但它仅在刷新一次后才有效。

    <img src="" id="image"/>        
    <script type="text/javascript">
        function whatImg() {
            var str = getUrlVars()["obj"];
            document.getElementById('image').src = str;
        }

        function getUrlVars() {
            var vars = [], hash;
            var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
            for(var i = 0; i < hashes.length; i++)
                {
                hash = hashes[i].split('=');
                vars.push(hash[0]);
                vars[hash[0]] = hash[1];
                }
            return vars;
            }
        whatImg();
    </script> 

有什么帮助吗？ 我使用 JQuery Mobile

Answer 1

如果哈希发生更改，脚本将不会再次触发。您需要添加一个事件监听器，例如:

$(window).on("hashchange",function() {
  whatImg();
});