Вопрос по JQery

Юрик · February 18, 2012

Есть такой HTML файл:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script src="http://code.jquery.com/jquery-1.2.6.js"></script>
   <script type="text/javascript">
    function load_text() { $('#Wrap').load("1.html#s3");}
</script>
<title>Проба</title>
</head>
<body>
  	<div id="menu3">
            <ul>
                <LI><A href="#1" onClick="load_text()">заменить div</a></LI>
	    </ul>
	</div>
	<div Id="Wrap">
	Этот текст должен замениться на текст из файла 
	</div>

</body>
</html>

Он должен по нажатии на ссылку заменить строку в блоке DIV ( с id="Wrap") на строку из файла 1.html из div с id="s3"

Ниже привожу текст 1.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Объекты для вставки</title>
</head>
<body>
    <div id="s1">
        Это текст 1
    </div>
    <div id="s2">
        Это текст 2
    </div>
    <div id="s3">
        Это текст 3
    </div>
</body>
</html>

Сообственно вопрос. Текст плавно пропадает, а другой не появляется. Чтоя я не так делаю?

DrStrangeLove · February 18, 2012

Попробуй поставить пробел:

function load_text() { $('#Wrap').load("1.html #s3");}

Юрик · February 19, 2012

Попробуй поставить пробел:
function load_text() { $('#Wrap').load("1.html #s3");}

Попробовал и так. Текст все равно не появляется. Ставил даже в библиотеке jquery aler-ты. В функцию вроде вхожу правильно, параметры ею принимаются правильные, но вот результата не добиться.все равно текст стирается, а новый не появляется.

DrStrangeLove · February 19, 2012

Попробуй поставить пробел:
function load_text() { $('#Wrap').load("1.html #s3");}
Попробовал и так. Текст все равно не появляется. Ставил даже в библиотеке jquery aler-ты. В функцию вроде вхожу правильно, параметры ею принимаются правильные, но вот результата не добиться.все равно текст стирается, а новый не появляется.

Может правильно нужно указать путь к 1.html файлу?? он точно лежит в той же папке где и текущая страница??

Юрик · February 19, 2012

Попробуй поставить пробел:
function load_text() { $('#Wrap').load("1.html #s3");}
Попробовал и так. Текст все равно не появляется. Ставил даже в библиотеке jquery aler-ты. В функцию вроде вхожу правильно, параметры ею принимаются правильные, но вот результата не добиться.все равно текст стирается, а новый не появляется.
Может правильно нужно указать путь к 1.html файлу?? он точно лежит в той же папке где и текущая страница??

Проверил!!! Даже пробовал написать полный путь к нему же. Точно в той папке лежит.

Попробовал даже так :


   <script type="text/javascript">
    function load_text(Page){ 
       	$('#Wrap').fadeOut(400,function(){ 
		$('#Wrap').load("E:\Lena\h.html#s" + Page );	
	    $('#Wrap').fadeIn(400)});//показываем новую картинку  
		}
</script>

Текст стал прятаться плавно , а нового - нет все равно. Пробовал убрать параметр #s и Page оставив просто имя файла. Не помогает.

В функцию load по идее могут передаваться 3 параметра. Один из них (второй) вроде - функция, которая выполняется после загрузки, а вот 3-й "callback" для чего?

Кстати: не подскажите что означает цифра 1 после хэша в этой конструкции?И нужна ли она если строк с <li> - несколько?


   <LI><A href="#1" onClick="load_text()">заменить div</a></LI>

Edited February 19, 2012 by Юрик

DrStrangeLove · February 19, 2012

Попробуй поправить функцию так:

вместо

function load_text() { $('#Wrap').load("1.html#s3");}

так

function load_text(e) { 
e.preventDefault();
$('#Wrap').load("1.html #s3");

}

Edited February 19, 2012 by DrStrangeLove

Юрик · February 20, 2012

Попробуй поправить функцию так:
вместо
function load_text() { $('#Wrap').load("1.html#s3");}
так
function load_text(e) { 
e.preventDefault();
$('#Wrap').load("1.html #s3");

}

Спасибо, за совет. Я очень извиняюсь, но оказывается в IE код РАБОТАЕТ!!!!!! а в опере - нет. Почему я забыл посмотреть как он работает в IE? мне стыдно.

Ко заработал следущим образом:

function load_text(Page){ 
    $('#Wrap').fadeOut(400,function(){ 
	$('#Wrap').fadeIn(400)});//показываем новую картинку
	$('#Wrap').load("h.html#s" + Page );		
	}
</script>

Теперь вопрос существенно меняется. Почему же он в опере отказывается работать?

Ваше предложение рассмотрел. И не понял какой параметр передавать в функцию (e)? Я так понял, что вы советуете отменить действие по умолчнию? Но не понял ЧЕГО? Ссылки?

Спасибо за то что со мной общаетесь. Очень Вам благодарен.

Edited February 20, 2012 by Юрик

DrStrangeLove · February 20, 2012

Попробуй поправить функцию так:
вместо
function load_text() { $('#Wrap').load("1.html#s3");}
так
function load_text(e) { 
e.preventDefault();
$('#Wrap').load("1.html #s3");

}
Спасибо, за совет. Я очень извиняюсь, но оказывается в IE код РАБОТАЕТ!!!!!! а в опере - нет. Почему я забыл посмотреть как он работает в IE? мне стыдно.
Ко заработал следущим образом:
function load_text(Page){ 
    $('#Wrap').fadeOut(400,function(){ 
	$('#Wrap').fadeIn(400)});//показываем новую картинку
	$('#Wrap').load("h.html#s" + Page );		
	}
</script>
Теперь вопрос существенно меняется. Почему же он в опере отказывается работать?
Ваше предложение рассмотрел. И не понял какой параметр передавать в функцию (e)? Я так понял, что вы советуете отменить действие по умолчнию? Но не понял ЧЕГО? Ссылки?
Спасибо за то что со мной общаетесь. Очень Вам благодарен.

e - формальный параметр. При вызове ничего передавать не надо - Объект событие и так передаётся в функцию-обработчик первым параметром. e передаётся чтобы можно было вызвать e.preventDefault(), чтобы отменить ссылку..

Edited February 20, 2012 by DrStrangeLove

Юрик · February 21, 2012

Попробуй поправить функцию так:
вместо
function load_text() { $('#Wrap').load("1.html#s3");}
так
function load_text(e) { 
e.preventDefault();
$('#Wrap').load("1.html #s3");

}
Спасибо, за совет. Я очень извиняюсь, но оказывается в IE код РАБОТАЕТ!!!!!! а в опере - нет. Почему я забыл посмотреть как он работает в IE? мне стыдно.
Ко заработал следущим образом:
function load_text(Page){ 
    $('#Wrap').fadeOut(400,function(){ 
	$('#Wrap').fadeIn(400)});//показываем новую картинку
	$('#Wrap').load("h.html#s" + Page );		
	}
</script>
Теперь вопрос существенно меняется. Почему же он в опере отказывается работать?
Ваше предложение рассмотрел. И не понял какой параметр передавать в функцию (e)? Я так понял, что вы советуете отменить действие по умолчнию? Но не понял ЧЕГО? Ссылки?
Спасибо за то что со мной общаетесь. Очень Вам благодарен.
e - формальный параметр. При вызове ничего передавать не надо - Объект событие и так передаётся в функцию-обработчик первым параметром. e передаётся чтобы можно было вызвать e.preventDefault(), чтобы отменить ссылку..

Спасибо.Попробовал.Не помогло. В Опере так ничего и не появляется.

Sign In

Вопрос по JQery

Question

Юрик

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

DrStrangeLove

Link to comment

Share on other sites

Юрик

Link to comment

Share on other sites

DrStrangeLove

Link to comment

Share on other sites

Юрик

Link to comment

Share on other sites

DrStrangeLove

Link to comment

Share on other sites

Юрик

Link to comment

Share on other sites

DrStrangeLove

Link to comment

Share on other sites

Юрик

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information