javascript - 名称为 div 数据值的函数

Question

我想执行一个函数，其名称是div的数据属性值:

$('#dgok').click(function() {
    var fn = $(this).attr('data-fn');
    window[fn]();
});

function delimg(){
    console.log('james'); // this works     
    let src = $('.imgact');
    let afn = 'store';
    $.post('images-pro.php', {afn, src}, function(data){  // line 75
        console.dir(data);
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='dgok' data-fn='delimg'>OK</div>

类型错误:非法调用...在 delimg (images.js:75)

有什么帮助吗？

Answer 1

如果不确切知道 $('.imgact') 是什么，就很难知道它应该是什么。不过，我猜这是一个输入，所以如果我错了，请纠正我。

问题是您正在尝试发送 jquery 确实不想让您发送的数据。 $('.imgact') 是一个元素，如果它是一个输入，我们可能需要它的值而不是元素本身。

看起来像这样:

$('#dgok').click(function() {
    var fn = $(this).attr('data-fn');
    window[fn]();
});

function delimg(){
    console.log('james'); // this works     
    let src = $('.imgact').val();
    let afn = 'store';
    $.post('images-pro.php', {afn, src}, function(data){  // line 75
        console.dir(data);
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class".imgact" />
<div id='dgok' data-fn='delimg'>OK</div>