Question

插件我正在尝试：http://photopile-js.com/你可以看到它真的像...我在下面贴了3行说明。但不知怎的，而不是一堆照片，我得到附加在图像文件中的输出。换句话说，看起来CSS正在运行，但JS从未被调用过 enter image description here 我尝试过修复但无效： - 而不是使用photopile-js.com建议的jQuery和jQuery UI链接，我去了jQuery并尝试使用最新的源URL（这是未注释掉的代码.IS注释掉的代码是源代码在photopile-JS上推荐的URL） - 我试图向页面添加一个脚本，以便在窗口加载时调用该函数，并从photopile.js文件中获取该函数 - 我尝试在应用布局文件photopile.js中的application.js之前要求javascript include tag

照片说明代码

<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>

Answer 1

看起来你将所有照片放在一个＆lt; 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>

Answer 2

你在哪里加载你的Javascript？

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

Answer 3

我无法解释为什么会出现这种情况......但我尝试过很多次而且它有所不同：

我不必使用javascript_include_tag作为jquery文件，而是使用script src。字面意思就是这样做了。

jQuery插件photopile不工作，但这么简单，我可能做错了什么？

3 个答案: