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

Здравствуйте, подскажите пожайлуста почему не работает данный код: jsfiddle.net/8ypxW/2670/ в ModX Evo, библиотеки скачал подключены в head'e
сам скрипт пробовал выполнять в разных местах и в heade и перед
понять не могу почему все же не работает то?
Иван
Иван
03 февраля 2016, 04:26
modx.pro
1 920
0

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

Павел Левин
Павел Левин
03 февраля 2016, 09:31
0
1. modx тут не причем.
2. Сам же скрипт может находится в любом месте head или body.
3. Проверьте подключены ли все зависимости (библиотеки js).
    Иван
    Иван
    03 февраля 2016, 13:22
    0
    в том и дело все библиотеки подключены
    и даже казалось бы элементарный
    $(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
      0
      Покажите то, как вы вставляете скрипт на страницу.
      В тегах или в файле js?
      Скрипт должен вызываться после jquery.
    Иван
    Иван
    04 февраля 2016, 04:56
    0
    в чанке 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
      0
      может все дело в том что jQuery min, а не обычка??

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

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