Jquery 动态加载内容而不重新加载

Jquery 动态加载内容而不重新加载,jquery,html,Jquery,Html,我想在不重新加载整个页面的情况下加载内容 这个代码有什么问题 另外,如何在这些页面之间进行转换 如果单击主页上的服务,我希望创建淡入/淡出效果 我对jQuery完全陌生 这是我的密码 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <li

我想在不重新加载整个页面的情况下加载内容

这个代码有什么问题

另外,如何在这些页面之间进行转换

如果单击主页上的服务,我希望创建淡入/淡出效果

我对jQuery完全陌生

这是我的密码

     <!DOCTYPE HTML>
     <html>
     <head>
     <meta charset="utf-8">
     <title>Untitled Document</title>
     <link rel="stylesheet" href="css/main.css" type="text/css" media="screen">
     <!--[if lt IE 9]>
     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
     <![endif]-->
     <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script>
     <script type="text/javascript">
       function updateContainer( url ){
         dynamicCon = '#content';    
         ObjTag = $( dynamicCon );
         ObjTag.load( url );
       }
       $( document ).ready( function() {
         $( 'a[rel="dynamicLoad"]' ).bind( "click", function( event ) {
           url = $( this ).attr( 'href' );
           alert(url);
           updateContainer( url );
           event.preventDefault();
           event.stopPropagation();
         });
       });
     </script>
     </head>

无标题文件
函数updateContainer(url){
dynamicCon='#content';
ObjTag=$(dynamicCon);
ObjTag.load(url);
}
$(文档).ready(函数(){
$('a[rel=“dynamicLoad”]”)。绑定(“单击”,函数(事件){
url=$(this.attr('href');
警报(url);
更新容器(url);
event.preventDefault();
event.stopPropagation();
});
});
这是正文内容:


stackoverflow正在分析它。

chrome中的
.load()
函数不起作用。。它在firefox/ie中工作正常。

是不是已经声明$jQuery`?你是说我添加了jQuery.js文件?如果是的话,那么我加上了是的it@Mik我只看到jQuery CDN引用,因此在本例中,
$(…)
确实映射到
jQuery(…)
。我已尝试下载该文件并将其放入文件夹中。同样的问题:/btw
https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
您没有告诉我们运行代码时会发生什么。你到底试过什么?警报是否包含正确的url?单击其中一个链接后,javascript控制台中是否存在js错误?通过在浏览器中键入URL来加载URL是否有效?美元的长度是多少('a[rel=“dynamicLoad”]”),这意味着我们是否确定它正在查找我们认为它正在查找的元素?我注意到您正在使用
dynamicCon
ObjTag
作为全局变量,而不是使用
var
将它们声明为局部变量。这是不是把jQuery搞砸了?