2

我试图简单地更改 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>
4

1 回答 1

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\"/>");
于 2013-07-02T17:49:56.067 回答