Fatal编程技术网
  • javascript/
  • Javascript jQuery插件photopile不起作用，但这么简单，我可能做错了什么？

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

javascript jquery ruby-on-rails-4 jquery-plugins

Javascript jQuery插件photopile不起作用，但这么简单，我可能做错了什么？,javascript,jquery,ruby-on-rails-4,jquery-plugins,photo-gallery,Javascript,Jquery,Ruby On Rails 4,Jquery Plugins,Photo Gallery,我正在尝试的插件：你可以看到它确实像。。。。我在下面粘贴了3行说明。但不知何故，我得到的不是一堆照片，而是附加在图像文件中的输出。换句话说，看起来CSS正在工作，但是从来没有调用过JS 我尝试了修复，但没有成功： -我没有使用photopile-js.com上推荐的jQuery和jQuery UI链接，而是转到jQuery并尝试使用最新的源URL（这是未注释掉的代码。注释掉的代码是photopile-js上推荐的源URL） -我试图向页面添加一个脚本，以便在窗口加载时调用该函数，我从photop

我正在尝试的插件：你可以看到它确实像。。。。我在下面粘贴了3行说明。但不知何故，我得到的不是一堆照片，而是附加在图像文件中的输出。换句话说，看起来CSS正在工作，但是从来没有调用过JS 我尝试了修复，但没有成功： -我没有使用photopile-js.com上推荐的jQuery和jQuery UI链接，而是转到jQuery并尝试使用最新的源URL（这是未注释掉的代码。注释掉的代码是photopile-js上推荐的源URL） -我试图向页面添加一个脚本，以便在窗口加载时调用该函数，我从photopile.js文件中获得了该函数 -我试图在应用程序布局文件的
javascript include标记中的
application.js
之前要求
photopile.js

光电堆指令代码


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





    

  • 

  • 

  • 

  • 


window.onload=函数init（）{
};

看起来所有照片都放在一个标签中。我还没有用过这个库，但是它们应该在单独的列表标签中吗

像这样的


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



  • 

    • 

  • 

    • 

    您在哪里加载Javascript
    

    尝试在与photopile关联的标记之后加载，或者至少在之后加载photopile.js。
    我无法解释为什么会出现这种情况。。。但我试了很多次，结果却大不相同：
    

    我没有为jquery文件使用
    javascript\u include\u标记，而是直接使用
    scriptsrc
    。这确实解决了问题。
    哦，是的，这也是一个好问题，但可惜的是，它没有解决我的问题（请参阅修订的问题和改进的代码）。