按钮单击传递参数以进行回调

Question

我有此代码，非常简单，无法正常工作：

$(function() {
    $(document).on('click', '#NetworkSearch', NetworkMarketSearching("NETWORK"));
    $(document).on('click', '#MarketSearch', NetworkMarketSearching("MARKET"));
    $(document).on('click', '#CableSearch', NetworkMarketSearching("CABLE"));
});

您可以看到-我非常简单地使用.on()通过单击使NetworkMarketSearching()触发，这是该函数。 如果从控制台调用，此函数本身就可以正常工作。

function NetworkMarketSearching(types) {
    var name, searchType;
    if (types == 'NETWORK') { name = $('#NetworkName').val(); searchType = 0; }
    else if (types == 'MARKET') { name = $('#MarketName').val(); searchType = 1; }
    else if (types == 'CABLE') {name = $('#CableName').val();searchType = 2;}
    $.ajax({
        type: 'POST',
        url: '/Talent_/Common/NetworkMarketSearch',
        dataType: 'json',
        data: { 'name': name, 'searchType': searchType },
        success: function(data) {
        }
    });
}

错误是“未定义的不是函数”错误，将NetworkMarketSearching('NETWORK')放在.on('click', ...

Answer 1

尝试这个：

$(function() {
    $(document).on('click', '#NetworkSearch', function() { NetworkMarketSearching("NETWORK"); });
    $(document).on('click', '#MarketSearch', function() { NetworkMarketSearching("MARKET"); });
    $(document).on('click', '#CableSearch', function() { NetworkMarketSearching("CABLE"); });
});

click方法不支持字符串参数，它需要事件对象参数。

Answer 2

此NetworkMarketSearching("NETWORK")立即调用该函数，并尝试将其返回结果（未定义）分配为回调。

您可以使用data参数将信息传递给函数调用：

$(function() {
    $(document).on('click', '#NetworkSearch', { types: 'NETWORK' }, NetworkMarketSearching);
    $(document).on('click', '#MarketSearch', { types: 'MARKET' }, NetworkMarketSearching);
    $(document).on('click', '#CableSearch', { types: 'CABLE' }, NetworkMarketSearching);
});

然后，函数定义为：

function NetworkMarketSearching(event) {

并且在函数中，类型将被引用为

event.data.types

这是jQuery docs指定将参数传递给回调的方式，但是也可以使用内联匿名函数来完成。 也就是说，像这样：

$(function() {
    $(document).on('click', '#NetworkSearch', function () {
        NetworkMarketSearching('NETWORK');
    });
    $(document).on('click', '#MarketSearch', function () {
        NetworkMarketSearching('MARKET');
    });
    $(document).on('click', '#CableSearch', function () {
        NetworkMarketSearching('CABLE');
    });
});

Answer 3

您确定函数在调用时就存在吗？

尝试简单一点，使用此示例jquery网站（ http://api.jquery.com/on/ ）：

function notify() {
  alert( "clicked" );
}
$( "button" ).on( "click", notify );

然后您传递一个参数，如果可行的话，您将移至您的代码。