Document.write創建的腳本不起作用

Question

我有一個完成的JQuery，可以使用鼠標動作來移動360°對象（圖片）。

該代碼正在工作：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery j360 Plugin Demo</title>
<script src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/j360.js" ></script>
</head>
<body>
<div class="jquery-script-clear"></div>
<h1 style="margin-top: 150px;">jQuery j360 Plugin Demo</h1>
<script type="text/javascript">
            jQuery(document).ready(function() {
                jQuery('#product').j360();
            });
</script>
<center>
<div id="product" style="width: 1920px; height: 1080px; overflow: hidden;"> 
<img src="v/1.png" /> 
<img src="v/2.png" /> 
<img src="v/3.png" /> 
<img src="v/4.png" /> 
<img src="v/5.png" /> 
</div>
</center>
</body>
</html>

所需的圖片是根據需要從服務器接收的，因此我必須在收到圖片后按需創建此代碼。 因此，我使用document.write命令-我知道它們不是最佳實踐，但通常可以正常工作……無論如何，這是我使用的代碼-基本相同（即使在調試時，我也無法找到區別將HTML創建為“原始” HTML）

所以基本上就是這樣：

<button id="click1" onclick="myFunction()">click me</button>

<script>
function myFunction() {
document.writeln('<html>');
document.writeln('<head>');
document.writeln('<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">');
document.writeln('<title>jQuery j360 Plugin Demo</title>');
document.write('<scr');
document.write('ipt src="js/jquery-1.4.4.min.js"></scr');
document.write('ipt>');
document.write('<scr');
document.write('ipt type="text/javascr');
document.write('ipt" src="js/j360.js" ></scr');
document.writeln('ipt>');
document.writeln('</head>');
document.writeln('<body>');
document.writeln('<div class="jquery-script-clear"></div>');
document.write('<scr');
document.writeln('ipt type="text/javascript">');
document.write('            jQuery(document).ready(func');
document.writeln('tion() {');
document.write("                jQuery('");
document.write('#');
document.writeln("product').j360();");
document.writeln('            });');
document.write('</scr');
document.writeln('ipt>');
document.writeln('<center>');
document.writeln('<div id="product" style="width: 960px; height: 540px; overflow: hidden;">'); 
document.write('<img src="images/01.jpg" />');
document.write('<img src="images/02.jpg" />');
document.write('<img src="images/03.jpg" />');
document.writeln('</div>');
document.writeln('</center>');
document.writeln('</body>');
document.writeln('</html>');
}
</script>

創建的HTML顯示圖片，但jQuery插件不起作用。 JS是一樣的。

謝謝您幫忙！

Answer 1

document.write覆蓋您擁有的所有代碼。

例：

 function overwrite() { document.write("Oops, I've overwritten the code!"); }

 <!doctype html> <html> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <button onclick="overwrite()">Click me!</button> </body> </html>

Document.write創建的腳本不起作用

問題描述

1 個解決方案

解決方案1
0 2019-03-04 22:34:05

Document.write創建的腳本不起作用

問題描述

1 個解決方案

解決方案1 0 2019-03-04 22:34:05

解決方案1
0 2019-03-04 22:34:05