Форум

web-developer · #1 (**permalink**) 30.01.2013, 16:34

Здравствуйте, помогите разобраться:
создал D:/site/index.html в котором есть:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/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 type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
    <script type="text/javascript" src="jquery-1.8.1.min.js"></script>	
    <style>
       p#par1 {
        width: 500px;
        height: 500px;
        border: solid 1px black;
       } 
    </style> 
 <script type="text/javascript" charset="utf-8">
 $("#but1").click(function(){
    $("#par1").load("test.txt");
 });
 </script>
</head>
<body>
<input id="but1" type="button" value="click me" />
<p id="par1"></p>

</body>
</html>

В той же папке есть D:/site/test.txt в котором:

<p>Why this file do'nt loaded in index.html?</p>

а также D:/site/jquery-1.8.1.min.js

В браузере при клике на кнопку ничего не загружается. Что делаю не так? Подскажите плиз. Спасибо
архив с сайтом

Hoshinokoe · #2 (**permalink**) 30.01.2013, 16:54

web-developer,

Во-первых воспользуйтесь тегами для подсветки кода. Подробнее

Во-вторых используйте событие ready у document, чтобы назначить обработчик. До этого момента элементы ещё недоступны.

<script type="text/javascript">
$(document).ready(function () {
    $("#but1").click(function () {
        $("#par1").load("test.txt")
    });
});
</script>

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

<script type="text/javascript" src="jquery-1.8.1.min.js"></script>

Полностью:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="jquery-1.8.1.min.js"></script>
    <style>
        p#par1
        {
            width: 500px;
            height: 500px;
            border: solid 1px black;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#but1").click(function () {
                $("#par1").load("test.txt")
            });
        });
    </script>
</head>
<body>
    <input id="but1" type="button" value="click me" />
    <p id="par1"></p>
</body>
</html>

Serg_pnz · #3 (**permalink**) 30.01.2013, 16:54

~~Эк, какой... Если уж работать без выхода в инет, то это поставь http://www.denwer.ru/ - будет тебе "интернет" без интернета.~~ Но денвер всё равно рано или поздно понадобится.

Hoshinokoe правильно подсказал. И еще не надо грузить две библиотеки - одну с гугла, вторую с "сайта".

web-developer · #4 (**permalink**) 30.01.2013, 17:13

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
 $("#but1").click(function(){
    $("#par1").load("test.txt")
 });
});
</script>

Изменил скрипт так и запустил на локальном сервере все заработало.
Проблема была в том, что запуск производил с локального диска, а не с сервера, и пропустил .ready
Всем спасибо!

Форум

Справочник

Discord чат

Курсы javascript