jQuery插件photopile无法正常工作，但如此简单，我可能会做错什么？

我想要做的插件：http://photopile-js.com/你可以看到它的字面意思就像....下面粘贴了3行指令。但不知何故，而不是一堆照片，我得到在图像文件中附加的输出。换句话说，它看起来像CSS是工作，但JS是从来没有所谓的 enter image description here 修复我试过，但没有奏效： - 而不是使用光电堆-JS建议jQuery和jQuery UI的链接。 com，我去了jQuery，并试图使用最新的源URL（这是没有注释掉的代码，被注释掉的代码是photopile-JS推荐的源URL） - 我试图添加一个脚本以便在窗口加载函数调用页面，并且我从photopile.js功能文件 - 我想需要photopile.jsapplication.js之前的应用程序布局文件的javascript include tagjQuery插件photopile无法正常工作，但如此简单，我可能会做错什么？

光电堆指令代码

<body> 
... 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script> 
<script src="YOUR/PATH/TO/photopile.js"></script> 
</body> 

<div class="photopile-wrapper"> 
    <ul class="photopile"> 
    <li> 
    <a href="PATH/TO/YOUR/FULLSIZE/IMAGE"> 
    <img src="PATH/TO/YOUR/THUMBNAIL/IMAGE" alt="Image description" ... /> 
    </a> 
    </li> 
    <!-- Add as many list items as you require for your gallery :) --> 
    </ul> 
</div>

查看代码：

<div class="photopile-wrapper"> 
    <ul class="photopile"> 
    <li><%= link_to "#{image_tag('Photo A.png')}".html_safe, "javascript:;" %></li> 
    <li><%= link_to "#{image_tag('Photo B.png')}".html_safe, "javascript:;" %></li> 
    <li><%= link_to "#{image_tag('Photo C.png')}".html_safe, "javascript:;" %></li> 
    <li><%= link_to "#{image_tag('Photo E.jpg')}".html_safe, "javascript:;" %></li> 
    <!-- Add as many list items as you require for your gallery :) --> 
    </ul> 
</div> 
<%= javascript_include_tag "photopile", "http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js", "http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" %> 
<%= stylesheet_link_tag "photopile" %> 

<script> <!-- I added this, didn't work --> 
window.onload = function init() { 
}; 
</script>

来源

2014-06-30 james

我无法解释为什么是这样的话......但我想了很多，它带来的变化：

而是使用jQuery的文件javascript_include_tag的，我真的不得不使用script src 。而这从字面上做到了。

来源

2014-07-02 06:01:08 james

看起来你把所有的照片在一个< li>标签。我没有使用过这个库，但是它们是否在单独的列表标签中？

这样的事情？

<li> 
     <%= link_to "#{image_tag('Photo A.png')}".html_safe, "javascript:;" %> 
</li> 
<li> 
     <%= link_to "#{image_tag('Photo B.png')}".html_safe, "javascript:;" %> 
</li>

来源

2014-06-30 18:12:25 Brecon

是的，这也是一个很好的结果，但是，唉，并没有解决我的问题（请参阅修订后的问题和改进的代码）。 – james

你在哪里加载您的Javascript？

尝试加载与您的photopile相关的标记之后，或者至少在加载之后加载photopile.js。

来源

2014-06-30 19:43:48

jQuery插件photopile无法正常工作，但如此简单，我可能会做错什么？

回答

相关问题