0

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

我将它嵌入我的测试站点并在那里工作： http ://herzschloss.de/hs/test.php 在“Mein Wunschbild”。

现在我想在此处使用具有相同链接的 js 代码中的相同脚本： http ://herzschloss.de/Liebesschloss-bestellen 在“Mein Wunschbild”

但我得到一个错误。

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() + '"/>');
});

如果你能帮助我，那就太好了！

4

1 回答 1

0

将这么多代码嵌入到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功能似乎不存在，这意味着您没有成功加载插件。

于 2013-09-16T00:25:45.270 回答