0

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

我正在开发一个测试产品。

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

我已经尝试了几件事来触发它。我首先像常规一样设置它，然后我尝试了这个。我删除了代码中的脚本声明，然后在添加类名“color”（此脚本所需）后将其放在页面上，认为它会查找具有类名 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);
});

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

关于如何更改元素加载顺序以使其正常工作的任何想法？

4

1 回答 1

0

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

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

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

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

TEXTBOX___293___TEST-PRODUCT-COLOR___51

你把它写成

TEXTBOX___290___TEST-PRODUCT-COLOR___251.

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

体积设计

体积设计

于 2013-09-27T17:26:55.967 回答