2

div コンテナーの html (この場合はビデオ要素) を単純に変更しようとしています。

私はこれに慣れていないので、ご容赦ください。

すぐに、dreamweaver の JavaScript の 2 行目で構文エラーが発生します。

どんな助けでも大歓迎です。

これが私のコードです。

<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 に答える