点击更改视频 - div 内部？答案

【问题标题】：Change Video on Click - Inside of div?点击更改视频 - div 内部？
【发布时间】：2013-07-02 17:45:29
【问题描述】：

我正在尝试简单地更改 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>

【问题讨论】：

标签： javascript jquery jquery-mobile html5-video

【解决方案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\"/>");

【讨论】：

你的意思是这样吗？ $("#cf_onclick").toggle( function(){$(this).html('');}, function(){$(this).html('');} ).click();