Документ Jquery Mobile. Уже не вызывается из вида - PullRequest
Новая
       1

Документ Jquery Mobile. Уже не вызывается из вида

0 голосов
/ 11 ноября 2011

Я не могу получить событие document.ready или прикрепить событие нажатия кнопки. Что мне здесь не хватает?

Вот так выглядит мой взгляд: 

@section script
{
    <script language="javascript" type="text/javascript">
$(document.ready(function(){

    alert('Hello');

});

        $('#btnGo').bind('click', function () {
            alert('User clicked button');
        });

    </script>
}
<input type="text" id="txtStop" />
<input type="button" id="btnGo" value="Get Schedule" />

Вот так выглядит мой файл макета: 

<html>
<head>
    <link href="../../Content/themes/base/jquery.mobile-1.0b3.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.mobile-1.0b3.js" type="text/javascript"></script>

</head>
@RenderSection("script")
<body>
    <div data-role="page">
        <div data-role="header">
        </div>
        <div data-role="content">@RenderBody()</div>
        <div data-role="footer">
            <h4>Page Footer</h4>
        </div>
    </div>
</body>
</html>

Ответы [ 3 ]

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

Вы не объявляете документ. Уже правильно

В настоящее время это $(document.ready(function(){

Либо должно быть 

$(function(){
    alert('Document is ready!');
     $('#btnGo').bind('click', function () {
        alert('User clicked button');
    });
});

или 

$(document).ready(function(){ .... });
0 голосов
/ 11 ноября 2011

На самом деле, вам даже не нужно событие готовности документа. Просто поместите событие привязки где-нибудь после того, как кнопка существует на странице. Это универсально, независимо от того, используете вы jquery mobile или нет, вы можете привязать обработчик событий к объекту, как только он существует в DOM. В зависимости от того, сколько вы загружаете на страницу и сколько времени это займет, это может быть более эффективный способ работы. 

<head>
    ...
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
    ...
</head>
<body>
    ...
    <a href="#linkToWhatever" id="btnGo" data-role="button">click me</a>
    ...
    <script type="text/javascript">
        $('#btnGo').bind('click', function () {
            alert('User clicked button');
        });
    </script>
</body>
0 голосов
/ 11 ноября 2011

У вас есть ошибки в вашем скрипте (неправильная привязка и парены). Измените это на это: 

<script language="javascript" type="text/javascript">
$(document).ready(function(){
    alert('Hello');
    $('#btnGo').bind('click', function () {
        alert('User clicked button');
    });
});
</script>

В консоли ошибок могли отображаться ошибки javascript, чтобы показать вам эту проблему.

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

Нет похожих вопросов

...