Ad
Rails 4 JustifiedGallery Script Only Load The Latest Post With Images
When i create a new post with images it works, but when i create a new post with images, justifiedGallery doesnt apply the jquery script to the previous post, why?
jQuery -> //when dom is ready
$("#userindex").justifiedGallery(
lastRow : 'justify',
captions: false,
randomize: false,
rowHeight: 80,
)
View to render post with image
<div id="userindex">
<% img.each do |link| %>
<div>
<%= image_tag(link) %>
</div>
<% end %>
</div>
Ad
Answer
If you want to learn why this happens, please read https://stackoverflow.com/a/11114634/2649456
Change your script to:
jQuery -> //when dom is ready
$(".my-class").justifiedGallery(
lastRow : 'justify',
captions: false,
randomize: false,
rowHeight: 80,
)
And your html code to:
<div id="userindex" class="my-class">
<% img.each do |link| %>
<div>
<%= image_tag(link) %>
</div>
<% end %>
</div>
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad