Question

 $(document).on('turbolinks:load', function() {
    $('.box').on("click", function() {
      alert('hello')
    });
  });

这对带有附加ajax的类框的元素不起作用。它仅适用于页面初始加载时出现的元素。我也尝试过包装：

$(document).ready(function() { });

和

var helloscript = function() { };

但没有任何作用。

Answer 1

你可以这样称呼：

$(document).on('click', '.box', function (event) {

});

Answer 2

对使用dinamically添加的元素使用正确的事件委派：

public class Fraction {
    ...

    public void reduce() {
        int gcd = getGcd( numerator, denominator );
        if ( gcd == 1 )
            return;
        else {
            numerator /= gcd;
            denominator /= gcd;
        }
    }

    private int getGcd( int a, int b ) {
        if ( b == 0 )
            return a;
        else
            return getGcd( a, a%b );
    }
}

您可以阅读有关活动委派 here 的更多信息。

on click函数对附加了ajax

2 个答案: