Javascript AJAX加载一个链接,但不加载另一个链接
Javascript AJAX loads one link but not another
我正在使用Javascript AJAX在我的页面中心加载页面。
下面是Javascript。
$(function(){
$('#dashboard').click(function() {
var req = $.ajax({
type : 'POST',
url : 'dashboard.php',
dataType : 'html'
});
req.done(function(data){
$('#loadcontent').empty().append(data);
});
});
$('#admin').click(function() {
var req = $.ajax({
type : 'POST',
url : '/admin/index.php',
dataType : 'html'
});
req.done(function(data){
$('#loadcontent').empty().append(data);
});
});
$('#reports, #analytics').click(function() {
alert('Coming Soon');
});
});
这是页面的HTML/CSS。因为它有很多代码,所以我把它放在了粘贴bin
中http://pastebin.com/kMMBMjrZ特别是下面的2位代码:
<ul class="nav nav-sidebar">
<li><a id="dashboard" href="#">Overview</a></li>
<li><a id="reports" href="#">Reports</a></li>
<li><a id="analytics" href="#">Analytics</a></li>
</ul>
和不工作的位
<?php
if($_SESSION['isAdmin'] ) {
echo "<li><a id='admin' href='#'>Admin</a></li>";
}
?>
因此,此时,当用户选择overview时,它将在索引页的中心加载页面。这正是我想要的,但是,如果有人选择管理员什么都没有发生。控制台没有报告任何内容。一开始我认为这是由于PHP,但我删除了这个,留下纯html,它没有区别。
我有另一个问题,帐户选项卡按钮似乎不工作,但这可以单独解决。
我猜这只是路径的问题,试试这个:
$('#admin').click(function() {
var req = $.ajax({
type : 'POST',
url : './admin/index.php',
dataType : 'html'
});
req.done(function(data){
$('#loadcontent').empty().append(data);
});
});
但是,在您的操作中添加一个警告,以查看li是否被单击
相关文章:
- JavaScript链接在点击时不起作用;函数在页面加载时工作
- 使用JavaScript从超链接加载时的默认下拉值
- Yii2从点击链接开始加载模式
- 单击同一链接时,使Iron Router重新加载页面
- 更改css链接并等待加载新的css
- href没有在每次单击li的一部分时加载链接.使用javascript使整个li可以点击
- 无法加载套接字.io.js
- jQuery UI选项卡:在选项卡中加载链接/重新加载整个页面
- 重新加载链接文件 HTML
- 在单击链接时运行数据库查询,但仍加载链接URL
- 如何为captcha添加重新加载链接
- 在浏览器中查看之前,预加载链接的php页面
- 可视化javascript加载链
- JQuery -幻灯片,图库:顺序加载图片(接下来的五张),而不是一次全部加载
- jQuery点击类加载链接
- jQuery fade "back to top"链接.页面加载链接可见性
- 在容器内加载链接(Bootstrap - template)
- 加载<链接rel="将原始内容转换为<样式>标签
- 如何从配置中加载套接字io事件监听器
- 从外部源加载链接内部模态