Question

我正在使用过去成功使用的JSColor插件（http://jscolor.com/），但在电子商务平台Volusion上，正确加载它会有一些问题。

我正在研究测试产品。

您会注意到我在网站左侧成功输入了输入，但选项字段中的实际文本框无法正常工作。我相信Volusion，选项文本框直到最后才加载，所以我总是不得不在那些而不仅仅是标准的jQuery上使用$(window).load(function(){});。工作文本框仅作为HTML代码输入，不属于Volusion后端。

我尝试了几件事来触发它。我首先像常规一样设置它，然后我尝试了这个。我删除了代码中的脚本声明，然后在添加类名'color'（这是该脚本所需的）之后将其放在页面上，以确定它会查找具有类名颜色但不起作用的任何内容。这是我尝试过的：

$(window).load(function(){
    var color_input = $('input[name="TEXTBOX___290___TEST-PRODUCT-COLOR___51"]');
    color_input.addClass('color');
    $('<script type="text/javascript" src="/v/js/jscolor.js"></' + 'script>').appendTo(document.body);
});

我可以确认脚本已成功添加到源代码中，但是当我这样做时它似乎不起作用。

有关如何更改元素加载顺序以使其生效的任何想法？

Answer 1

我认为您正在尝试加载JS文件

$('<script type="text/javascript" src="/v/js/jscolor.js"></' + 'script>').appendTo(document.body);

on window.load事件，您可以在主题中为所有页面指定此项，而不是在运行时加载或在运行时附加JS位置，这可能会添加JS而不在所有页面上使用它，但它应该解决问题你在帖子中提到过。

我也可以看到文本框名称是

TEXTBOX___293___TEST-PRODUCT-COLOR___51

你已经把它写成了

TEXTBOX___290___TEST-PRODUCT-COLOR___251.

尝试以上两个选项，看看您的问题是否已解决。

Volusion Design

JSColor不适用于Volusion选项文本框

1 个答案: