Question

这是使用HAML的rails 4.2项目

我希望有一个可点击的图片来触发点击的某些功能。我需要访问图像源。

rails视图

- @gallery.pictures.each do |picture|
  = link_to image_tag(picture.image.url, class: 'thumb'), "#", class: "gallery_image"

JavaScript / jQuery

  $('.gallery_image').on('click', function() {
    event.preventDefault()
    console.log('This is a clickable image')

    // do something
  })

现在，它作为一个链接工作正常。它重定向到......＃＆＃34;＃＆＃34;，但控制台永远不会显示this is a clickable image。

我知道访问javascript是因为如果我添加了拼写错误，Google Chrome控制台会立即大喊大叫。

有什么想法？

谢谢！

Answer 1

将您的jQuery包装到DOM就绪函数
使用event参数
将点击分配给您的孩子.thumb

jQuery(function($) { // DOM ready and $ alias in scope

  $('.gallery_image').on('click', '.thumb', function(event) {
    event.preventDefault();
    console.log('This is a clickable image');

    // do something
  });

  // other DOM dependent code here

});

jQuery没有检测到点击链接

1 个答案: