如何访问php生成的导航
how to access php generated navigation
我从数据库中构建导航,在那里我请求不同类别的项目。所以基本上我的导航有两个部分:
第一部分是类别的导航(文化、网络设计等)。如果我点击这个,我会询问我的数据库中有这个类别的项目,并用PHP:创建新的链接
$query="SELECT * FROM projects WHERE category='"$category'"";
$result=mysql_query($query);
$num=mysql_numrows($result);
mysql_close();
$i=0;
while ($i < $num) {
$title=mysql_result($result,$i,"title");
$id=mysql_result($result,$i,"id");
echo "<div class='"sublink'" data-id='"$id'" ><a href='"#'">$title<br />";
$i++;
}
但我似乎不能用jQuery从主页调用这些链接,就像我对类别所做的那样:
<div class="link" data-subsite="design"><a href="#"> design *</a></div>
$(document).ready(function(){
$('.link').click(function(){
var subsite = $(this).data('subsite');
$('#naviLeftContent').load('php/getNavi.php?category='+subsite);
});
});
现在,我想对我的子导航做或多或少相同的事情,将特定的text/title/info加载到正确的div中。但是我的子导航中新生成的div似乎不在我的源代码中,所以JavaScript无法识别它们。
您似乎在搜索jQuery.on()
(即jQuery.live()
,自版本1.7起已弃用):
为现在和将来与当前选择器匹配的所有元素附加一个事件处理程序
编辑:示例:
HTML:
<div id="menu">
<div id="category1">
<a href="#">link 1</a>
<a href="#">link 2</a>
</div>
<div id="category2"></div>
</div>
JS:
$(document).ready(function(){
// Attach click handler
$(document).on("click", "#menu a", function(){
alert("click!");
});
// Now load menu content, click handler will also work for this
$("#category2").load("content.php");
});
编辑2:聊天中找到的解决方案:
$('.link').click(function(){
var subsite = $(this).data('subsite');
$('#naviLeftContent').load('php/getNavi.php?category='+subsite);
});
$(document).on("click", ".sublink", function(){
var subsite = $(this).data('subsite');
$('#textContent').load('php/subsite.php?page='+subsite);
});
不知道我是否正确理解你,但你是通过AJAX加载导航的内容吗?这不是太复杂了吗?通常,您可以让PHP生成整个导航,并使用CSS隐藏不需要的部分。这有很多优点:更少的服务器负载,更好的用户体验。。。
此外,在PHP中迭代MySQL的结果在这样做时可读性要高得多:
$result = mysql_query($query);
while ($row = mysql_fetch_object($result)) {
echo $row->title;
}
相关文章:
- 如何在不包含导航选项卡内容、页脚和头部的情况下打印 HTML/PHP 页面
- Facebook PHP+JavaScript-在页面加载之前导航时出现异常
- 如何访问php生成的导航
- PHP 脚本:显示文件夹中的图像,并带有限制和<下一步>导航
- .htaccess+PHP创建带有一些固定链接的动态Facebook类型导航
- 使用PHP Includes和静态导航栏时淡入淡出转换
- 网站导航-PHP/HTML vs.Ajax vs.CSS/Javascript
- 导航到PHP页面并滚动
- 头导航到历史记录php
- 包括导航菜单php点击svg更改与ajax
- PHP导航到前一页后登录的解决方案
- 如何使用下拉列表导航到其他php页面
- Html js,php分类/子分类/子分类网页导航
- 支付导航表单php支付网关和返回php(响应返回php页面)
- PHP Ajax调用导航到表单提交的动作页面
- 导航在php,麻烦在焦点
- 两个PHP递归导航问题
- 当在页面或子页面上时,使用PHP将活动类添加到导航链接
- PHP中的消息框,并导航到另一个页面
- 在没有服务器端脚本(PHP)的情况下,在所有页面上显示相同的内容(页眉、导航栏、边栏、页脚)