Question

如果jquery库在模板上不能工作吗？我想要的是当我点击链接（video1，video2，video3）时，div上的视频会根据我点击的链接而改变。我把这个工作在一个文件上，但当我把它放在模板上的文件时它不起作用。视频不会加载到div上，而是转到视频的真实网站。

这个我把它放在模板上（watch.dwt）

<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="../css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="jquery-1.11.1.min.js"></script>
<script>
    $(document).ready(function(){
    $("ul#videosource li a").click(function(e) {
    e.preventDefault();

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

这个我放了一个来自watch.dwt模板的anime1.php

<h2>Beelzebub Episode 1</h2>
<ul id="videosource">   
    <li><a id="island" href="http://player.vimeo.com/video/53845425">Island in the sky </a></li>
    <li><a id="timelapse" href="//www.youtube.com/embed/C-N9iO0RoVs">Island in the sky </a></li>
    <li><a id="darkside" href="http://www.soul-anime.net/embed/79366.html">Island in the sky </a>                                   </li>

</ul>   
    <div class="videoWrapper">
        <IFRAME  id="video" SRC="http://upload4free.co/embed-f7cue4qexcvd-640x360.html" FRAMEBORDER=0  scrolling="no"
    webkitAllowFullScreen ></IFRAME>
      </div>

jquery无法使用Dreamweaver模板

0 个答案: