我正在为我的单一最后一年项目创建一个网站,我对这个看起来很小的东西遇到了真正的问题。
我正在使用php创建一个带有动态链接的论坛表,其中包含以下代码;
<td bgcolor="#FFFFFF"><? echo $rows['id']; ?></td>
<td bgcolor="#FFFFFF"><a id="viewTopic.php?id=<? echo $rows['id']; ?>" href="viewTopic.php?id=<? echo $rows['id']; ?>"><? echo $rows['topic']; ?></a><BR></td>
我想使用jquery以div ajax样式打开上表中的链接。我已经使用此代码成功完成了其他链接;
$("#forum").click(function(){
$("#subConList").html(loadAni).load('mainForum.php');
});
我不知道如何做到这一点,因为在表链接的href中使用了php。花了几个小时试图解决这个问题。任何帮助建议将非常感谢。
由于
我将标签更改为按钮,如下所示
<button id="topic<? echo $rows['id']; ?>" href="viewTopic.php?id=<? echo $rows['id']; ?>"><? echo $rows['topic']; ?></button>
这是我用来尝试将内容加载到#subConList Div的jquery。
$(document).ready(function(){
$("#topic<?php echo $rows['id']; ?>").click(function(){
$("#subConList").html(loadAni).load('viewTopic.php?id=<?php echo $rows['id']; ?>');
});
});
答案 0 :(得分:4)
您还可以使用jquery的post函数:
$("#forum").click(function(e){
e.preventDefault(); //Just to prevent page refreshing on link click
$.post('viewTopic.php', { id : 45 } function(data) {
$("#subConList").html(data);
});
}
答案 1 :(得分:3)
你的意思是这样的:
$(document).ready(function() {
$("a").click(function(e) {
e.preventDefault();
$("#yourContainerDivId").load($(this).attr("href"));
});
});