html5 - jquery not working with Dreamweaver template -
will jquery library not work if on template?.. want when click link(video1, video2, video3) video on div alter according link clicked. got working on single file when set file on template doesnt work. video not load on div goes real site of video.
this 1 set on template(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> and 1 set on anime1.php watch.dwt template
<h2>beelzebub episode 1</h2> <ul id="videosource"> <li><a id="island" href="http://player.vimeo.com/video/53845425">island in sky </a></li> <li><a id="timelapse" href="//www.youtube.com/embed/c-n9io0rovs">island in sky </a></li> <li><a id="darkside" href="http://www.soul-anime.net/embed/79366.html">island in 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 html5 dreamweaver
No comments:
Post a Comment