php - 使用 JavaScript 重定向到 PHP 脚本中的动态 href

Question

我有一个下拉用户菜单，其中包含我无法正确重定向的子链接。不幸的是，我没有编写前端代码，所以我只是想让它链接到动态 PHP url。顺便说一句，我也在 CodeIgniter 框架内工作。用户过程中有两次点击(类似于谷歌的用户图标)。 1. 单击用户图像并下拉箭头， 2. 您会看到配置文件、设置、注销。

使用以下脚本，单击下拉箭头会重定向到第一个链接 profile，甚至不执行下拉动画。有什么想法吗？

这是 PHP 文件:

<div class="user css3"> 
<a href="" class="css3"> <img src="images/user.jpg" alt="user" class="css3" /> </a>
    <div class="child css3">
      <ul class="user_links">
        <li><a href="<?=base_url()?>/profile/view/<?=$userID?>/myfeed">Profile</a></li>
        <li><a href="<?=base_url()?>/settings/">Settings</a></li>
        <li><a href="<?=base_url()?>/login/logout">Logout</a></li>
      </ul>
    </div>
  </div>

这是下拉箭头按钮的 JavaScript:

$('div.user').click(function() {
    $('div.user div.child').slideToggle("fast");
    $('div.live div.action div.category div.child, div.live div.action div.sort div.child').slideUp();
    return false;
});

这是我为 <ul> 编写的 JavaScript (我不是一个 JS 开发者。哈哈):

$('ul.user_links li a').click(function() {
    document.location($(this).attr("href"));
});

非常感谢任何想法!

Answer 1

我在评论中说:

Remove the js for the <ul>, and then return false from the other block, and it should work.

原因如下:当您单击 anchor 时，事件开始通过文档结构(DOM)向上传播。当它到达另一个有线捕捉 click 的元素时事件，它运行该元素的事件处理程序。

当您单击 anchor 时，click div.user 上的处理程序运行。那里的最后一句话，return false , 表示“停止事件传播，并防止默认行为”。在 anchor 上，默认行为是跟随链接。您的代码告诉浏览器不要这样做。