jQuery(..）.瓦尔(..）.xxx 不是一个函数

jQuery(...).val(...).xxx is not a function

本文关键字：一个 函数 瓦尔 xxx jQuery      更新时间：2023-09-26

我想使用EggImageDropdown，但我的脚本有问题。

我将其嵌入到我的测试站点中，并且可以工作：http://herzschloss.de/hs/test.php 在"我的温施比尔德"。

现在我想在这里使用具有相同链接的相同脚本：http://herzschloss.de/Liebesschloss-bestellen 在"我的温施比尔德"

但是我得到一个错误。

TypeError: jQuery(...).val(...).EggImageDropdown is not a function

这是实时生成的脚本，但不起作用：

function onclick(event) {
    var t = jQuery('select[id=dropdown_demo]').val('herz.png').EggImageDropdown('close').EggImageDropdown('update',{src:'hs-motive/herz.png'});t.trigger('change');
}

这是代码：

jQuery('option',element).each(function(i,el){
    dropdown.append('<img style="width:100%" onclick="var t=jQuery(''select[id=' + selectName + ']'').val('''+ $(el).val() + ''').EggImageDropdown(''close'').EggImageDropdown(''update'',{src:'''+ $(el).text() + '''});t.trigger(''change'');" src="' + $(el).text() + '"/>');
});

如果你能帮我就好了！

将那么多代码嵌入到 onclick 属性中是非常困难的。最好不要这样做。

若要更正它，请直接在循环中创建函数，而不是创建属性。

jQuery('option',element).each(function(i,el){
    var img = $('<img>', {style: "width:100%;", src: $(el).text()});
    img.click(function() {
        var t=jQuery('select[id=' + selectName + ']');
        t.val($(el).val()).EggImageDropdown('close')
                          .EggImageDropdown('update', {src:$(el).text()});
        t.trigger('change');
    });
    dropdown.append(img); 
});

此外，查看您链接的网站，似乎不存在EggImageDropdown功能，这意味着您没有成功加载插件。

相关文章：