javascript - JQuery 中的超链接仅适用于 JSFiddle

Question

我发现了一些不仅可以打开/关闭图像，还可以使该图像成为链接的东西。

问题:它只适用于 JSFiddle。

我将所有内容都放回到 html 中(提供脚本)并确保一切都一样......但是，在我的网站上它仍然无法正常工作。在 JSFiddle 上，确实如此。

如果有人有解决方案，我将不胜感激。

我在网站上使用的代码:

<center>
    <p>
       <div class="icon-container">
          <a id="TOURBUTTON">
              <img src="http://static.tumblr.com/6s0fefr/vFQn5uj2h/tournew.png" style="width: 188px; height: 188px;" />
          </a>
        </div>
    </p>
</center>   
<center>
    <p>
        <div class="display-container">
            <img id="T5" style="display:none;" a href="http://music.britrodriguez.com" src="http://static.tumblr.com/6s0fefr/GXHnabnep/tahoeshow.png"/>
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
            <script>
                $(document).ready(function(){
                      $('#TOURBUTTON').on("click", function(){
                          $('#T5').toggle();
                      });  
                });

                $('#T5').click(function(event){
                    var link = $(this);
                    var target = link.attr("target");
                    if ($.trim(target).length > 0){
                        window.open(link.attr("href"), target);
                    } else {
                        window.location = link.attr("href");
                    }
                    event.preventDefault();
                });
            </script>
            <style type="text/css">
                .icon-container{
                    display:inline-block;
                    margin-bottom: 0px;
                    margin-top: 10px;
                }
            </style>

JSFiddle:

http://jsfiddle.net/ccymzmvn/

它不工作的网站:

http://www.britrodriguez.com/HITEST

Answer 1

为什么用JavaScript打开url？只需尝试:

<a href="http://music.britrodriguez.com">
    <img src="http://static.tumblr.com/6s0fefr/GXHnabnep/tahoeshow.png" />
</a>