Проблема с подключением события клика к кнопке в MooTools - PullRequest
1 голос
/ 11 октября 2011

Я только что скачал MooTools 1.4.У меня проблемы с подключением нажатия кнопки к запуску AJAX-запроса.На моей странице ниже у меня есть кнопка с id = "submit", но нажатие на кнопку не вызывает оповещение ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Test</title>
<script type="text/javascript" src="js/mootools-core-1.4.1-full-compat.js"></script>
<script type="text/javascript">
    /* ajax alert */
    $('submit').addEvent('click', function(event) {
        alert("hello");
        var filename = $('filename').value;
        //prevent the page from changing
        event.stop();
        //make the ajax call
        var req = new Request({
            method: 'get',
            url: '/renderhtml/' + filename,
            data: { },
            onRequest: function() { 
            // on request
        },
        onComplete: function(response) { 
            $('content').set('html',response);
        }
        }).send();
    }); 
</script>
</head>
<body>

    <div>
        <form name="f">
            File name: <input type="text" size="25" id="filename" name="filename" value="" />
            <input type="button" id="submit" name="submit" value="Submit" />
        </form>
    </div>
    <div id="content"></div>

</body>
</html>

Я подтвердил, что исходный файл mootools находится в нужном месте.,Что еще мне не хватает?Спасибо, Дэйв

1 Ответ

2 голосов
/ 11 октября 2011

Вы должны использовать событие domready в окне или поместить тег script ниже кнопки в HTML.(желательно до конца тела)

Вы пытаетесь получить доступ к кнопке с идентификатором submit, пока страница еще загружается, поэтому кнопка еще не существует.Однако, когда вы выполняете код для события domready или, возможно, load, вы можете быть уверены, что вся страница загружена, и dom-манипуляции могут быть выполнены.делает что-нибудь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...