javascript - 如何通过手动触发类更改事件？

Question

我怎样才能触发 .delivery 触发 change 函数？

 $(document).ready(function(e) {

     $('.delivery').change(function(e) {
         var total = 0 ;
         var price = 0 ;
         ....

Answer 1

这个问题好像问了一半，因为你没有在这里添加添加的类名。如果您只是将类名添加到目标元素，那么您只需要这样做:

$('.delivery').change();  // <---will trigger the change.

如果要删除旧类，则必须重新考虑代码。然后你必须创建一个函数并像回调一样调用它:

function firechange(){
    console. log(event.type);
    // put the code for change event
}

$('.delivery').change(firechange);

现在，当您删除并添加一个新类时，在添加该类之后，您必须绑定(bind)更改事件，因为该类不包含任何事件。此类已在页面加载后添加到 DOM 节点。

假设您添加了一个类 newclass 并从元素中删除了旧的类:

    $('.delivery').removeclass('delivery')
                          .addclass('newclass');

    $('.newclass').change(firechange).change(); // <--bind here and trigger.

或者这样:

    $('.delivery').removeclass('delivery')
                          .addclass('newclass')
                          .change(firechange);

    $('.newclass').change(); // <--bind here and trigger.