Форум Сайтостроение Веб-строительство

Помогите с Jquery

J
На сайте с 08.06.2006
Offline
844
joost
276

Есть test.php

<script src="my/js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="my/js/my.js" type="text/javascript"></script>
<div id="lihref"><li id="test.html">test</li></div>

в my.js

 $("#lihref li").each(function(){
    $(this).replaceWith("<a href='" + $(this).attr("id") + "'>" + $(this).text() + "</a>");
 });

в итоге 

<li id="test.html">test</li>

Должно быть якобы ссылка с анкором "test" на страницу "test.html"

Что не так в коде?

L
На сайте с 07.12.2010
Offline
23
Leshek
#1

Код в my.js надо поместить в $(function() { ... }); т.е. должно быть 


$(function() {

  $("#lihref li").each(function(){

    $(this).replaceWith("<a href='" + $(this).attr("id") + "'>" + $(this).text() + "</a>");

  });

});

чтобы код вызывался только когда страница загрузится, либо помести подключение my.js в конец страницы

R
На сайте с 18.12.2009
Offline
92
rerighter
#2

Я бы сказал, что все не так. Реализация ужасная.

siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#3
joost:
Что не так в коде?

Скрипт my.js подключается и отрабатывает перед добавление элемента в DOM. Либо подключаете после построения всех необходимых узлов, либо при https://www.google.ru/search?client=opera&rls=ru&q=dom+document+ready+jquery&sourceid=opera&ie=utf-8&oe=utf-8&channel=suggest

J
На сайте с 08.06.2006
Offline
844
joost
#4
Leshek:
чтобы код вызывался только когда страница загрузится, либо помести подключение my.js в конец страницы
siv1987:
Либо подключаете после построения всех необходимых узлов
<div id="lihref"><li id="test.html">test</li></div>
<script src="my/js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="my/js/my.js" type="text/javascript"></script>

не помогло

---------- Добавлено 30.01.2014 в 16:52 ----------

Leshek:
$(function() {
$("#lihref li").each(function(){
$(this).replaceWith("<a href='" + $(this).attr("id") + "'>" + $(this).text() + "</a>");
});
});

тоже не помогло

---------- Добавлено 30.01.2014 в 16:53 ----------

стоп!

работает!

---------- Добавлено 30.01.2014 в 16:57 ----------

спасибо!

работает!

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