Question

我有一个小的nw.js应用程序，它改变了index.html页面的div部分：

我试图在我的静态示例中模仿的HTML代码是：

var myDiv = document.getElementById("outputSection");
var myImg = document.createElement("img");
myDiv.appendChild(myImg);

myImg.src = 'http://127.0.0.2:8080/prime_almost_full_00007.0001.png';
myImg.width = '256';
myImg.height = '256';
myImg.class = 'reel';
myImg.id = 'image';
myImg.setAttribute("data-images", 'http://127.0.0.2:8080/prime_almost_full_00007.####.png|0001..0250');

我正在使用Jquery-reels库。在我的页面顶部，我这样包括它：

<img src='http://127.0.0.2:8080/prime_almost_full_00007.0001.png'width='256' height='256' class='reel' id='image' data-images='http://127.0.0.2:8080/prime_almost_full_00007.####.png|0001..0021'>

出于某种原因，当图像显示第一个代码被剪切时，它不是交互式的。我的静态页面是这样的：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src='http://code.vostrel.cz/jquery.reel.js' type='text/javascript'></script>

我不清楚为什么会这样。它是关于node-webkit的吗？

编辑：重新扫描似乎不起作用：

<!DOCTYPE html>
<html>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src='http://code.vostrel.cz/jquery.reel.js' type='text/javascript'></script>

<head>
  <title>Hi there</title>
</head>
<body>
    <div>
    <img src='http://127.0.0.2:8080/prime_almost_full_00007.0001.png' 
         width='256' 
         height='256' 
         class='reel' 
         id='image' 
         data-images='http://127.0.0.2:8080/prime_almost_full_00007.####.png|0001..0021'>
    </div>
</body>
</html>

Answer 1

当页面加载时，卷轴插件会自动查找属性为class =＆＃34; reel＆＃34;的元素。有关详细信息，请参阅the annotated source。

根据该文档，由于您在页面加载后向页面添加元素，因此您可能需要在javascript末尾调用$ .reel.scan（）函数。

node-webkit：不显示活动内容？

1 个答案: