Я пытаюсь выполнить JQuery на моей странице покупки. Однако JQuery не выполняется. Когда я использую один и тот же код в jsfiddle, код работает (я получаю предупреждающее сообщение, но когда я выполняю тот же jquery в shopify, я не получаю предупреждающего сообщения).Shopify - JQuery не исполняется
Вот ссылка на jsfiddle - https://jsfiddle.net/tusharacc/ck84ad6z/1/
код такой же, как я использую в Shopify.
Код HTML содержится в index.liquid. Javascript загружается в папку «Активы».
Theme.liquid имеет ссылку на мой файл javascript. Более того, тема имеет ссылку на lquery.min.js, и она включена в файл javascript.
{% include 'oldIE-js' %}
{{ '//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' | script_tag }}
{{ 'modernizr.min.js' | asset_url | script_tag }}
{{ 'readjson.js' | asset_url | script_tag }}
Я проверил нижеследующий документ о покупке, но я не знаю, какие дополнительные вещи мне нужно сделать. https://docs.shopify.com/api/unlinked/using-javascript-responsibly
Любые указатели будут высоко оценены.
Отредактировано **
В соответствии с инструкцией Shopify я скопировал код ниже для загрузки выполнения JQuery. Тем не менее, код все еще не работает, когда я отлаживался, элемент управления goint до loadcript («// ajax ...) после того, как вы идете, что происходит. Я попробовал try-catch, чтобы отобразить ошибку, но я не получаю.
function loadjquery(){
alert("hi");
var loadScript = function(url, callback){
var script = document.createElement("script")
script.type = "text/javascript";
if (script.readyState){ //IE
script.onreadystatechange = function(){
if (script.readyState == "loaded" ||
script.readyState == "complete"){
script.onreadystatechange = null;
callback();
}
};
} else { //Others
script.onload = function(){
callback();
};
}
};
var myAppJavaScript = function($){
/* Your app's JavaScript here.
$ in this scope references the jQuery object we'll use.
Don't use 'jQuery', or 'jQuery191', here. Use the dollar sign
that was passed as argument.*/
$('body').append('<p>Your app is using jQuery version '+$.fn.jquery+'</p>');
};
if ((typeof jQuery === 'undefined') || (parseFloat(jQuery.fn.jquery) < 1.7)) {
loadScript('//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', function(){
jQuery191 = jQuery.noConflict(true);
myAppJavaScript(jQuery191);
});
} else {
myAppJavaScript(jQuery);
}
}
Извините, но это далеко от отметки. Все, что вам нужно для части jQuery: ' 'Вам не нужны теги загрузчика или скрипта. – bknights
@bknights, эта часть строки уже есть, но JQuery не выполняется. –
У вас есть это на общедоступной странице Shopify? – bknights