javascript - 在文档就绪和 on.change 上调用 jquery 函数

标签 javascript jquery wordpress

我刚刚将此函数从使用 live 方法更新为 on 方法。下面是我的代码:

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

    var format = $('#post-formats-select input[type="radio"]:checked').val();

    $('#orn_metabox_gallery').fadeOut('fast');
    $('#orn_video_link').fadeOut('fast');

    if ('gallery' == format) {
      $('#orn_metabox_gallery').fadeIn('slow');
    } else if ('video' == format) {
      $('#orn_video_link').fadeIn('slow');
    }
  }
  toggle_metaboxes(); // I am calling this function once on document ready
  $(document).on('change', '#post-formats-select input[type="radio"]', toggle_metaboxes)
             .filter(':checked')
             .trigger('change');
});

我的问题:有没有更好的方法来做到这一点?我在 document ready 上调用该函数,然后在 radio 更改值时调用该函数。

最佳答案

您可以像这样分配多个事件:

$(document).on('ready change', '#post-formats-select input[type="radio"]', toggle_metaboxes).filter(':checked').trigger('change');

关于javascript - 在文档就绪和 on.change 上调用 jquery 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21153821/

相关文章:

jquery - 通过Class rating css改变ID的值

javascript - JQuery 元素显示/隐藏和控制流程

wordpress - WordPress中的Google Analytics(分析)代码

javascript - Google map 获取折线上的 LatLng

javascript - 为什么我对 PHP 页面的 Angular POST 请求没有设置 POST 数组?

javascript - 如何将变量的值传递给 firebase 调用?

django - 如何自动从服务器获取新数据?

css - 如何在没有 wp_head() 的主题上包含带有 wp_enqueue_style() 的 CSS 文件

php - 重力形式自定义验证过滤器

javascript - 获取给定系列的倒序数