Javascript Php/HTML/css：链接不可点击

编辑：Jfiddle:

我有一些代码，我试图链接一个不同的位置，但链接没有重定向我，但有正确的网页在页面的左下角，当我悬停在他们。我们将非常感谢您的帮助

我使用的是我在网上找到的一个可扩展列表代码，但我已经根据自己的需要进行了编辑，两者都不适用于链接。原始代码如下所示：

以下是我的编辑：

实际链接位于第二个while循环中

php:

---

这把小提琴很好用：

我更改了return false；返回真值；第8行。

function prepareList() {
    $('#expList').find('li:has(ul)')
        .click(function (event) {
        if (this == event.target) {
            $(this).toggleClass('expanded');
            $(this).children('ul').toggle('medium');
        }
        return true;
    })
        .addClass('collapsed')
        .children('ul').hide();
};

$(document).ready(function () {
    prepareList();
});

//Create the button funtionality
$('#expandList')
    .unbind('click')
    .click(function () {
    $('.collapsed').addClass('expanded');
    $('.collapsed').children().show('medium');
});
$('#collapseList')
    .unbind('click')
    .click(function () {
    $('.collapsed').removeClass('expanded');
    $('.collapsed').children().hide('medium');
});

---

删除css标记“#expList ul，li”中的这一行

---

在另一个不相关的案例中，对我来说，原因是preventDefault（）

$（'a'）。单击（函数（e）{

}))

---

我删除了它，它起了作用。

使用单独的单引号和双引号，而不是转义引号，即“使其更具可读性。您可以从浏览器发布生成的html代码吗？似乎您正在设置所有

元素。我添加了生成的html代码，感谢您的建议。生成的输出有不同的链接，因为它是一个测试页面，但是比我正在处理的原始页面要干净得多@GVashist你也可以发布javascript吗？我从我列出的网站上获取了确切的代码，并将其中一个

更改为413

，但在wampserver中托管时它仍然没有链接。如果有帮助的话，我可以制作一个gif文件。@user3261795看看小提琴。将第8行更改为返回true；Return false在click事件将您发送到链接之前停止该事件。我在a标签上添加了target=“\u new”，这样它们就可以在小提琴中工作了。非常感谢！我没注意到你改变了它！谢谢，我花了好几个小时在这上面。非常感谢大家的帮助！这并不能解决问题，尽管这是个问题contributor@quid指针事件：无；使所有li项对任何鼠标事件（如拖动、悬停、单击）无反应。etcI同意这是问题的原因（我向你投了赞成票），但他的JS仍然阻止单击事件完成。

function prepareList() {
    $('#expList').find('li:has(ul)')
        .click(function (event) {
        if (this == event.target) {
            $(this).toggleClass('expanded');
            $(this).children('ul').toggle('medium');
        }
        return true;
    })
        .addClass('collapsed')
        .children('ul').hide();
};

$(document).ready(function () {
    prepareList();
});

//Create the button funtionality
$('#expandList')
    .unbind('click')
    .click(function () {
    $('.collapsed').addClass('expanded');
    $('.collapsed').children().show('medium');
});
$('#collapseList')
    .unbind('click')
    .click(function () {
    $('.collapsed').removeClass('expanded');
    $('.collapsed').children().hide('medium');
});

pointer-events: none;

   e.preventDefault();