0

過去に正常に使用された JSColor プラグイン ( http://jscolor.com/ ) を使用していますが、e コマース プラットフォームの Volusion では、正しくロードするのにいくつかの問題があります。

私はテスト製品に取り組んでいます。

また、サイトの左側で入力が正常に機能しているのに、オプション フィールドの実際のテキスト ボックスが正しく機能していないことに気付くでしょう。Volusion では、オプションのテキスト ボックスは最後まで読み込まれないため、$(window).load(function(){});標準の jQuery だけでなく、常にそれらを使用する必要がありました。作業テキスト ボックスは、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);
});

スクリプトがソース コードに正常に追加されたことは確認できますが、それを行っても機能しないようです。

これを機能させるためにロードする要素の順序を変更する方法についてのアイデアはありますか?

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.

上記の 2 つのオプションを試して、問題が解決したかどうかを確認してください。

ヴォリュージョンデザイン

ヴォリュージョンデザイン

于 2013-09-27T17:26:55.967 に答える