Question

我有这个脚本，它会对列出的项目添加一些效果。

$(document).ready(function(){
  $('.ui.card.work .image').dimmer({
    on: 'hover'
  });
  $('.carouselCollaborators')
    .popup({
      boundary: '.ui.card.work',
    });
})

然而，当我点击

  = link_to_next_page @works, 'Load more...', params: params, :remote => true, id:'view_more', class: 'fluid ui basic button'

加载上面编码的更多按钮，我上面提到的javascript无法处理已加载的项目......

我怎么能解决这个问题？？

谢谢你的时间！

Answer 1

问题是，您只需在document.ready上调用＆＃34;效果＆＃34; 脚本，您也需要在添加项目时调用它。

以下是您应采取的步骤：

首先制作一个＆＃34;包装＆＃34;执行＆＃34;效果＆＃34;

的功能

function card_effects(){
  $('.ui.card.work .image').dimmer({
    on: 'hover'
  });
  $('.carouselCollaborators').popup({
    boundary: '.ui.card.work',
  });
}

然后在您希望＆＃34;效果＆＃34; 发生的地方调用它。

$(function(){ // jQuery document.ready shorthand
  card_effects();
});

function that_adds_new_items(){
  /***functions-code***/

  card_effects();
}

Javascript无法处理更多内容

1 个答案:

以下是您应采取的步骤：