Question

我正在尝试简单地更改html，在这种情况下是一个div容器的视频元素。

我是个菜鸟，所以请耐心等待。

我立即在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>

Answer 1

确实存在语法错误。要么转义引号，要么使用单引号作为函数，使用双引号作为属性值。

$(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\"/>");

点击更改视频 - div内部？

1 个答案: