调用jQuery-won';行不通

调用jQuery-won';行不通,jquery,asp.net-mvc-3,model-view-controller,html,Jquery,Asp.net Mvc 3,Model View Controller,Html,我第一次在我的网站上尝试jQuery,但它不起作用。我已经尝试了大约10个小时的数百种方法,今天我有了更多的白发=)。我发现的最简单的片段是: <script type="text/javascript"> $(document).ready(function () { $("#msgid1").html("This is Hello World by JQuery 1<BR>"); }); $(function () {

我第一次在我的网站上尝试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>
jQuery调用对我来说不起作用。也许这和我的
有关

@ViewBag.Title

您觉得怎么样?

我猜您的脚本要么指向这个脚本块下面的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>

$(文档).ready(函数(){
$(“#msgid1”).html(“这是jquery1的Hello World
”; }); $(函数(){ $(“#msgid2”).html(“这是jquery2的Hello World
”; }); window.onload=函数(){ document.getElementById('msgid3').innerHTML=“这是Hello World by JavaScript”; };
我添加的脚本标记指向Google CDN,但您也可以在本地下载并在本地引用它:

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

事实上,我刚刚找到了解决方案

当这些线彼此不太相邻时,似乎存在一个问题

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

<script type="text/javascript">

通过简单地改变行的顺序,两个jQuery输出行突然出现了


谢谢大家的帮助

jQuery是一个库,而不是内置在浏览器中的东西。需要明确的是,您是否包含了它,并且可以验证它是否正确加载了?您是否可以为我们将其发布到jsfiddle.net上?似乎jQuery没有正确加载,因为您的代码工作正常()。您是否可以调出
@Url.Content(“~/Scripts/jQuery-1.5.1.min.js”)
/ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
并查看它是否有区别?加载页面时HTML是什么样子?如何加载jQuery?你在JavaScript控制台中看到任何错误了吗?我尝试了使用url并在本地使用它。还没有成功。我有我的块,它的用法在正文中。也许你的MVC标签是错误的。你有没有试过用一个原始的脚本标签,就像我在我的答案中指向谷歌一样?将它粘贴到你的
,注释掉mvc标签,看看是否有效。我从一个空视图中看到,它有效。我想我所做的事情可能有点不协调。我将从头开始重建视图,并跟进问题的原因。谢谢@Mathieu-是的,听起来你有一些MVC问题,而不是jQuery。如果它不起作用,请确保您查看源代码,以准确地看到MVC所吐出的内容。
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript">