javascript - jquery 函数 onclick 和 onload myFunction 不是一个函数

Question

我目前有一个 .on(click)，其中发生了 ajax 调用，现在问题是我希望 .on(click) 中的所有内容在页面加载时也发生。我的计划是创建一个函数，并将 .on(click) 中发生的所有事情都放在这个函数中。当页面加载时，我希望这个函数也能触发。

这是我尝试过但似乎没有用的方法。

我的.on(点击):

$('.changetypevastgoed').on('click', function(e){
    var termid = $(this).data('termid');
    $('#slctypevastgoed').val(termid);
    $('#vastgoedtypes').find('.active').removeClass('active');
    $(this).addClass('active');
    e.preventDefault();

    $.ajax({
    type: 'POST',
    dataType: "json",
    data: "termid=" + termid,
    url: $('body').data('theme-url') + '/lib/getsearchoptions.php',
    success: function(result) {
        var juistekeyslanden=[];
        $.each(result.landen, function(key1, value1) {
            $.each(value1, function(key2, value2) {
                if (key2 == termid){
                    juistekeyslanden.push(key1);
                }
            });
        });

        $('select#land').find('option').each(function() {
            $(this).attr("disabled", true);
            var currentoption = $(this).attr("data-id");
            if ($.inArray(currentoption, juistekeyslanden) != -1){
                $(this).attr("disabled", false);
            }
        }).after(function( x ) {
          $('.chosen').trigger('chosen:updated');
        });

        var juistekeysoppervlakten=[];
        $.each(result.oppervlakten, function(key1, value1) {
            $.each(value1, function(key2, value2) {
                if (key2 == termid){
                    juistekeysoppervlakten.push(key1);
                }
            });
        });
        $('select#oppervlakte').find('option').each(function() {
            $(this).attr("disabled", true);
            var currentoption = $(this).attr("data-id");
            if ($.inArray(currentoption, juistekeysoppervlakten) != -1){
                $(this).attr("disabled", false);
            }
        }).after(function( x ) {
          $('.chosen').trigger('chosen:updated');
        });

        var juistekeyspostocodes=[];
        $.each(result.postcodes, function(key1, value1) {
            $.each(value1, function(key2, value2) {
                if (key2 == termid){
                    juistekeyspostocodes.push(key1);
                }
            });
        });
        $('select#postcode').find('option').each(function() {
            $(this).attr("disabled", true);
            var currentoption = $(this).attr("data-id");
            if ($.inArray(currentoption, juistekeyspostocodes) != -1){
                $(this).attr("disabled", false);
            }
        }).after(function( x ) {
          $('.chosen').trigger('chosen:updated');
        });
        }
    });//success
});

所以我尝试将我的 AJAX 调用放入如下函数中:

$.fn.myfunction = function () {
        $.ajax({
            ...
};

我把这个放在我的下面

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

在我的 on.click 中，我这样做:

$('.changetypevastgoed').myFunction();

在这一行我得到这个错误

$(...).myFunction is not a function

Answer 1

$(document).ready(function(){
    $(".changetypevastgoed").trigger("click");
});

你试过这样的东西吗？