Файлы Edge Animate не работают в CMS

Я опубликовал свой проект Edge Animate. Я использую CMS под названием Composica, и она не поддерживает файлы .OAM, но я могу поместить файлы html на страницу с помощью iframe, который вызывает javascript. Я сделал это с файлами html и js, которые не были созданы Edge, и все работает нормально. Но когда я пытаюсь поставить крайний html-файл и три вспомогательных файла .js, это не работает.

В этой конкретной CMS все файлы расположены вместе, поэтому я изменил путь на следующее:

  1. Изменено расположение пути к файлу изображений в документе edge.js, поскольку изображения в Composica находятся не в отдельной папке, а в той же папке, что и файлы, вызывающие изображения:

im='images/' изменено на: im=''

  1. Измените путь к двум документам библиотеки jquery в edgePreload.js:

    { load: "edge_includes/jquery-1.7.1.min.js"} > { load: "jquery-1.7.1.min.js"}

    { load: "edge_includes/edge.2.0.1.min.js"} > { load: "edge.2.0.1.min.js"}

Поэтому, если я не упускаю их из виду, я считаю, что все файлы имеют правильный путь. Итак, я взял предупреждение javascript и попробовал его в разных местах, чтобы увидеть, что не работает. HTML-страница работает и правильно вызывает страницу edgePreload.js. Но когда я помещаю предупреждение в последние два файла javascript (edge.js и edgeActions.js), становится очевидным, что это то, что вызывается неправильно. В файле edgePreload.js я попробовал оповещение в следующих местах:

// tried alert here and was successful!
   aLoader = [


    { load: "jquery-1.7.1.min.js"},
    { load: "edge.2.0.1.min.js"},
          { load: "coachingEssentialsTug_edge.js"},
          { load: "coachingEssentialsTug_edgeActions.js"}];

 // tried alert here and was successful!
        //alert("Hello! I am an alert box!!");

Когда я попробовал оповещение внутри aLoader, я ничего не получил... так что по какой-то причине именно это место не позволяет мне успешно подключиться к этим двум файлам javascript.

Пожалуйста, любые предложения будут оценены!


javascript content-management-system adobe-edge
person ristenk1    schedule 09.01.2014    source источник
comment
У меня такая же проблема. если решишь эту проблему подскажи пожалуйста   -  person hmahdavi    schedule 16.12.2015

Ответы (1)


arrow_upward
0
arrow_downward

Итак, у меня была проблема, аналогичная этой некоторое время назад, я хотел вызывать проекты Adobe Edge на веб-страницы, но не хотел хранить все файлы в одном месте на своем сервере, наконец, я нашел решение, в Интернете не так много информации как это сделать, поэтому я сделаю все возможное, чтобы попытаться помочь вам. Похоже, вы знаете об изменении местоположения файлов .js, но я собираюсь объяснить это, чтобы кто-то еще с похожей проблемой знал, что делать. Итак, что я знаю, если вы начнете перемещать файлы Edges, это быстро станет капризным. Итак, давайте возьмем мою ситуацию для примера. У меня есть веб-страница в моей корневой папке для моего веб-сайта, и у меня есть папка Edge, в которой я храню все свои файлы Edge. Чтобы я мог вызвать анимацию на веб-странице в корне Мне нужно изменить несколько вещей в файле edgePreload.js, есть четыре вещи, которые вам нужно изменить, вот как они выглядят:

Edge/Icons/edge_includes/jquery-1.7.1.min.js    
Edge/Icons/edge_includes/edge.2.0.1.min.js   
Edge/Icons/icons_edge.js  
Edge/Icons/icons_edgeActions.js

* Примечание. Я бы использовал ctrl f для поиска этих файлов, потому что этот файл .js написан неаккуратно.

Видите ли, мне пришлось добавить «Edge/Icons/», чтобы файл .js знал, где искать. Также, если у вас будут изображения, вам нужно будет изменить файл edge.js, мой файл выглядит так: «var im ='Край/Значки/изображения/';"

(ристенк1, я думаю, что этот последний шаг, возможно, вам не хватает, или вы просто не упомянули об этом, вместо того, чтобы использовать iFrame, попробуйте просто использовать div)

И последнее, но не менее важное: для веб-страницы, на которой вы хотите, чтобы эти анимации отображались, вам нужно добавить что-то похожее на это к вашему тегу ‹ head>. Это может быть файл .html в вашем опубликованном пограничном проекте. Каждый публикуемый вами проект имеет уникальный идентификатор.

<!--Adobe Edge Runtime-->
    <script type="text/javascript" charset="utf-8" src="Edge/Icons/icons_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-42407812 { visibility:hidden; }
    </style>
<!--Adobe Edge Runtime End-->

Затем в теле, где вы хотите, чтобы это отображалось, используйте:

<div id="Stage" class="EDGE-42407812">
    </div>

Также вот несколько ресурсов, которые я нашел по этому поводу:

http://www.danielhanly.com/blog/tutorial/adobe-edge-embedding-animations-page/

http://www.vbulletin.org/forum/showthread.php?t=277838

Кажется, у меня есть еще парочка на моем рабочем компьютере, я постараюсь выложить их завтра на работе. Я надеюсь, что это поможет, если у вас есть какие-либо вопросы, дайте мне знать.

person Drew    schedule 30.01.2014