javascript - jQuery 未检测到点击链接

Question

这是一个使用 HAML 的 Rails 4.2 项目

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

rails View

- @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
  })

---

现在，它作为链接工作正常。它重定向到，嗯...“#”，但控制台从未显示 this is a clickable image。

我知道 javascript 被访问了，因为如果我添加了拼写错误，Google Chrome 控制台会立即发出警告。

有什么想法吗？

谢谢!

Answer 1

• 将您的 jQuery 包装成 DOM 就绪函数
• 使用事件参数
• 将点击分配给您的 child .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

});