jQuery Load不会将内容加载到div中，而是重定向到其他页面。

-1

好的，所以我试图使用JQUERY LOAD方法从另一个页面加载内容，所以内容可以在没有页面刷新的情况下出现。我这样做，但是当我点击下面从PHP中生成的链接，它仍然重定向我到另一个页面，而不是内容加载到<div class="panel">jQuery Load不会将内容加载到div中，而是重定向到其他页面。

下面是我的代码

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<title> MadScore, A Social Scoring Platform </title> 
<link rel="stylesheet" type="text/css" href="css/madscore.css"> 
<link rel="stylesheet" type="text/css" href="css/skins/tango/skin.css" /> 
<script type="text/javascript" src="javascript/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="javascript/jquery-1.8.3.min.js"></script> 
<script type="text/javascript" src="javascript/jquery.jcarousel.min.js"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     scroll: 1, buttonNextHTML:"<div></div>", buttonPrevHTML:"<div></div>" 
    }); 
}); 
</script> 


//Here is where I made the Jquery call for the div below with class "panel" but it won't load .. 

<scrip type="text/javascript"> 
$(document).ready(function(){ 
    $("profile").click(function(){ 
    $(".panel").load("this.href"); 
    }); 
}); 
</script> 
</head> 

<body> 
<div class="sliding-panel"> 
<div class="container"> 
<ul id="mycarousel" class="jcarousel-skin-tango"> 
<li> 

<li> 
<div class="panel"> //panel supposed to be triggered by Jquery 
<h1> People </h1> 
<?php 
database_connect(); 
$query = "select * from People"; 
$result = $connection->query($query); 
$row_count =$result->num_rows; 

for($i = 1; $i <= $row_count; $i++) 
    { 
    $row = $result->fetch_assoc(); 
    echo "<a href='/profile.php?id=".$row['ID']."' id='profile'><img src ='../".$row['Picture']."' width='100' height='100' /> </a>"; 

    } 


?> 
</div> 
</li> 
<li> 
<div class="panel"> 
<h1>Ballers</h1> 
</div> 
</li> 
<li> 
<div class="panel"> 
<h1>Movies</h1> 
</div> 
</li> 
<li> 
<div class="panel"> 
<h1> Talking heads</h1> 
</div> 
</li> 
</ul>

来源

2012-12-21 user1787184

您已经提出了完全相同的问题。如果你没有得到你需要的帮助，你应该处理你的问题或解决另一个问题中给出的答案中的具体问题：http://stackoverflow.com/questions/13966753/jquery-wont-load-content-into-该div区 - 哪里做我错了 – Ulises

有几个误区，

1 Wrong spelling of script. scrip should be script 
2 wrong syntax of id selector. $("profile") should be $("#profile") 
3 loading constant string instread of current element href. load("this.href") should be 
    load(this.href)

变化

<scrip type="text/javascript"> 
$(document).ready(function(){ 
    $("profile").click(function(){ 
    $(".panel").load("this.href"); 
    }); 
}); 
</script>

为

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#profile").click(function(){ 
    $(".panel").load(this.href); 
    }); 
}); 
</script>

来源

2012-12-21 04:22:53 Adil

..它仍然没有工作..我修正了.... – user1787184

jQuery Load不会将内容加载到div中，而是重定向到其他页面。

回答

相关问题