我试图简单地更改 div 容器的 html,在本例中为视频元素。
我对此一窍不通,所以请多多包涵。
我立即在 Dreamweaver 中的 javascript 的第二行遇到语法错误。
如有任何帮助,我们将不胜感激。
这是我的代码,
<meta charset="UTF-8">
<title>Change Video on Click</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.css" />
<link href="style.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.js"></script>
</head>
<body>
<div id="pageContainer">
<script type="text/javascript">
$("#cf_onclick").toggle(
function(){$(this).html("video source src="1.mp4" type="video/mp4" width="1024" height="768" preload="auto" autoplay='autoplay' loop='loop');},
function(){$(this).html("video source src="2.mp4" type="video/mp4" width="1024" height="768" preload="auto" autoplay="autoplay" loop="loop");}
).click();
</script>
</div>
</body>
</html>
最佳答案
确实存在语法错误。要么转义引号,要么对函数使用单引号,对属性值使用双引号。
$(this).html('video source src="1.mp4" type="video/mp4" width="1024" height="768" preload="auto" autoplay="autoplay" loop="loop"');
例子:
$(this).html('<div id="blah"/>');
$(this).html("<div id=\"blah\"/>");
关于javascript - 单击更改视频 - 在 div 内部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17432308/