Непонятно по какой причине не работает

Здравствуйте, подскажите пожайлуста почему не работает данный код: jsfiddle.net/8ypxW/2670/ в ModX Evo, библиотеки скачал подключены в head'e
сам скрипт пробовал выполнять в разных местах и в heade и перед
понять не могу почему все же не работает то?

Иван

03 февраля 2016, 04:26

2 337

Комментарии: 6

Павел Левин

03 февраля 2016, 09:31

1. modx тут не причем.
2. Сам же скрипт может находится в любом месте head или body.
3. Проверьте подключены ли все зависимости (библиотеки js).

Иван

03 февраля 2016, 13:22

в том и дело все библиотеки подключены
и даже казалось бы элементарный

$(document).ready ( function(){
$(".name").keyup(function() {
         $('#name').text($(".name").val());
});
$(".family").keyup(function() {
         $('#family').text($(".family").val());
});
});

тоже из под ModX не хочет выполняться (проверить его можно в той же JSfiddle — для наглядности сменить в стилях для obv1 display)

Павел Левин

03 февраля 2016, 15:31

Покажите то, как вы вставляете скрипт на страницу.
В тегах или в файле js?
Скрипт должен вызываться после jquery.

Иван

04 февраля 2016, 04:56

в чанке scripts

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="assets/templates/sklad/js/html2canvas.js"></script>
<script src="assets/templates/sklad/js/base64.js"></script>
<script src="assets/templates/sklad/js/canvas2image.js"></script>
<!--SHOW KUPON-->
<script type="text/javasript">
$(document).ready ( function(){
 
$(".name").keyup(function() {
         $('#name').text($(".name").val());
});

$(".family").keyup(function() {
         $('#family').text($(".family").val());
});
 
});
</script>
<!--SHOW KUPON-->
<script type="text/javasript">
$(function() { 
    $("#btnSave").click(function() { 
        html2canvas($("#kupon"), {
            onrendered: function(canvas) {
                theCanvas = canvas;
                document.body.appendChild(canvas);
                document.getElementById("kupon").style.display = "none";

                // Convert and download as image 
                Canvas2Image.saveAsPNG(canvas); 
                $("#kupon_img").append(canvas);
                // Clean up 
                //document.body.removeChild(canvas);
            }
        });
    });
}); 
</script>
<!--SHOW KUPON-->

сам чанк подключается в шаблоне

<div id="footer">
				{{FOOT}}
			</div>
			{{scripts}}
			{{footer}}
		</div>
	</body>
</html>
</spoiler>

пробовал и так:

<spoiler>
<!DOCTYPE html>
<html lang="ru">
	<head>
		{{header}}	
		{{sripts}}
	</head>
	<body>

и пробовал так

<div class="kupon" id="kupon">
	{{kupondo}}
	{{VIF}}
	{{kuponposle}}
	<div class="srok">
		<p><span>Купон действует до 20 января 2016 года</span></p>
	</div>
	<div class="svkupon">
		<input type="button" id="btnSave" value="Сохранить купон"/>
	</div>
</div>
<div id="kupon_img"></div>

чанк {{VIF}} содержит скрипт заключенный в тэги, также этот чанк пробовал вставлять и до вывода первого купона, и после вывода уже второго (не только между ними как показано в примере).

ЗЫ спойрел не работает((

Иван

04 февраля 2016, 04:58

может все дело в том что jQuery min, а не обычка??

зы попробовал только что не помогло

Максим Кузнецов

09 февраля 2016, 11:09

Работа скриптов никак не связана с работой MODX'a (за очень редким исключением). Поэтому, почти наверняка проблема в том, что выполнение скрипта прерывает какая-то вышестоящая ошибка. Следовательно:

— заходим на страницу сайта, где прописан данный скрипт
— инициализируем работу вашего скрипта (нажимаем на кнопку, после которой он должен сработать)
— нажимаем f12 (консоль браузера)
— смотрим ошибки (красный крестик в правой верхней части появившегося окна) и по возможности исправляем их

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.