Где ошибка?(Не могу быть конкретным, потому что я понятия не имею ...: /) - PullRequest
0 голосов
/ 06 декабря 2011

Цель

Я пытался заставить jQuery вывести имя класса родительского контейнера в виде текста во вложенном контейнере. Чтобы быть более конкретным, я хотел, чтобы весь текст в каждом <p> был оформлен с использованием другого шрифта. Это достаточно просто, я просто назначил классы. Но я также хотел, чтобы <span> в каждом <p> отображал используемый шрифт (просто добавив имя класса родителей в виде текста).

Примеры / тесты

ЭТА ссылка показывает неработающую страницу

Довольно странно,

ЭТОТ jsfiddle test (своего рода *) работает

(немного) Код

Вторая ссылка также очень удобна при проверке кода, поэтому я надеюсь, что все в порядке, если я вставлю сюда только jquery (я нахожу весьма вероятным, что я испортил эту часть ... снова ...)

<script type="text/javascript">
   $(document).ready(function() {
      $("span").each(function() {
         var usedfont= $(this).parent().attr("class");
         $(this).text(usedfont);
      });
   });
</script>

Мой ход мыслей:

  1. при загрузке dom,
  2. перебрать все элементы span,
  3. установка переменной в качестве имени класса родительского элемента и
  4. установка текста элемента span в качестве этой переменной. (Ergo echoing имя класса родителей).

Вопрос (ы)

Почему не работает страница за первой ссылкой? И почему тест jsfiddle дает?

* Почему результат jsfiddle начинается с });//]]>?

Спасибо большое!

Ответы [ 2 ]

3 голосов
/ 06 декабря 2011

Ответ прост: http://www.cgeese.de/tests/webfonts/js/jquery-1.7.min.js - это 404.

Edit: у вашего jsfiddle есть проблемы, потому что нет необходимости использовать теги <script> в части JavaScript скрипта. Весь код там будет интерпретироваться как javascript. Просто используйте jQuery в качестве внешней зависимости (со списком слева) и удалите теги script, содержащие ваш собственный JS.

1 голос
/ 06 декабря 2011

И с jsfiddle тоже все в порядке.«Странная штука» вверху происходит из вашего кода (ручная вставка тегов script и jQuery в раздел скрипта javascript, уже использующий jQuery)

...