问答详情
源自：3-11 移动端项目开发——交互(翻页)

js路径正确，代码好像也没错，音乐跟图片都停不了

//这是我的js代码
window.onload = function(){
	var music = document.getElementById("music");
	var audio = document.getElementsByTagName("audio")[0];

	music.onclick = function(){
		if(audio.paused){
		audio.play();
		this.setAttribute("class","play");
		}else{
			audio.pause();
			this.setAttribute("class","");
			};
		};
	};
//这是我的引入代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>迎春</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/script.js"></script>
</head>

我的css跟js也没放到一个文件夹，难道是编写js需要格外装些库啥的我没装，还是jequery没引入的原因

提问者：慕仰2795485 2017-03-22 10:19

个回答

  • 慕数据1189643
    2017-08-14 17:38:16

    我的效果没问题

    0
  • 慕数据1189643
    2017-08-14 17:37:41

    这是我的我引入

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="Viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scaleable=no">

    <meta name="format-detection" content="telephone=no">

    <title>Spring festive</title>

    <link href="../css/springfestive.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>

    <script type="text/javascript" src="../js/script.js" ></script>

    这是js

    window.onload=function(){

    var page1=document.getElementById("page1");

    var page2=document.getElementById("page2");

    var page3=document.getElementById("page3");

    var music=document.getElementById("music");

    var audio=document.getElementsByTagName("audio")[0];

    music.addEventListener("touchstart",function(event){

    if(audio.paused)

    {

    audio.play();

    this.setAttribute("class","play")}

    else{

    audio.pause();

    this.setAttribute("class","")

    };

    },false);


    0
  • weibo_阿红_75269_03683181
    2017-07-10 16:10:30

    我的也是，图片一直在转动

    0
  • weibo_沫小克_03424264
    2017-03-23 12:59:24

    id="music"是不是加在图片上的

    <div class="music">
  <img src="images/music_pointer.png">
  <img class="play" id="music" src="images/music_disc.png">
</div>


    0