Call jQuery не будет работать - PullRequest
Новая
       2

Call jQuery не будет работать

3 голосов
/ 09 января 2012

Я впервые пробую jQuery на моем сайте, и он не работает. Я пробовал сотни вещей уже около 10 часов, и сегодня у меня намного больше седых волос =). Самый простой фрагмент, который я нашел, это: 

<script type="text/javascript">

    $(document).ready(function () {
        $("#msgid1").html("This is Hello World by JQuery 1<BR>");
    });

    $(function () {
        $("#msgid2").html("This is Hello World by JQuery 2<BR>");
    });

    window.onload = function() {
        document.getElementById('msgid3').innerHTML = "This is Hello World by JavaScript";
    };

</script>

This is Hello World by HTML

<div id="msgid1">
</div>

<div id="msgid2">
</div>

<div id="msgid3">
</div>

Я положил это в свой <body>. Результат: 

This is Hello World by HTML
This is Hello World by JavaScript

А вызовы jQuery у меня не работают. Может быть, это как-то связано с моим <head>? 

<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" media="screen"/>
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>

Что вы думаете?

Ответы [ 2 ]

2 голосов
/ 09 января 2012

Я предполагаю, что ваш скрипт либо указывает на jQuery под этим блоком скрипта, либо полностью отсутствует. Вам нужно "загрузить" jQuery, прежде чем пытаться его использовать: 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript">

    $(document).ready(function () {
        $("#msgid1").html("This is Hello World by JQuery 1<BR>");
    });

    $(function () {
        $("#msgid2").html("This is Hello World by JQuery 2<BR>");
    });

    window.onload = function() {
        document.getElementById('msgid3').innerHTML = "This is Hello World by JavaScript";
    };

</script>

Тег сценария, который я добавил, указывает на Google CDN, но вы также можете загрузить его локально и сослаться на него локально: 

<script type="text/javascript" src="scripts/jquery.min.js"></script>
0 голосов
/ 09 января 2012

На самом деле, я только что нашел решение.

Кажется, есть проблема, когда эти строки не очень близко друг к другу 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript">

Просто изменив порядок строк, две строки вывода jQuery внезапно появились!

Спасибо всем за помощь!

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

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

...