Question

我添加了javascript来检测点击链接的时间是否正常，但是现在链接无法正常工作（即他们不会将用户带到链接页面）。

HTML：

<div class="designflow" style="padding-left:50px;padding-right:0px;padding-top:0px;padding-bottom:15px;margin-top:0px;float:left; font-size:18px; color: gray; height:150px; width:150px;margin-left:auto;margin-right:auto;display:inline-block;"> 
<a href = "/manufacturing/" class = "designflow" id = "manufacturing">
<img src="{{STATIC_URL}}pinax/images/manufacturing.png" width = "150px" style=margin-bottom:0px;" alt=""><br>
<p style="position:absolute;bottom:25px;padding-left: 0px; padding-right:0px; width:150px;text-align:center;">Manufacturing</p></a>
</div>

JQUERY：

jQuery( 'div.designflow a' )
    .click(function() {
        do_the_click( this.id );
        return false;
    });
function do_the_click( designstage )
{
    alert(designstage);
}

Answer 1

点击处理程序因返回false而禁用它们

当您从事件处理程序返回false时，您告诉运行时停止处理它。这还包括停止默认操作。在这种情况下，阻止链接成为链接。

如果你删除'return false'行。然后链接将作为链接通常再次工作

jQuery( 'div.designflow a' )
    .click(function() {
        do_the_click( this.id );
    });

然而从你可能想要返回false的方法的名称中获取，然后在事件处理程序中处理重定位。

在JavaScript中，您可以导航到这样的新网址：

window.location = newUrl;

Answer 2

因为你在函数中写return false，如果你想写它，你必须将页面重定向到javascript的链接地址

实施例

jQuery( 'div.designflow a' )
    .click(function() {
        do_the_click( this.id );
        window.location="/manufacturing";
return;
    });
function do_the_click( designstage )
{
    alert(designstage};
}
</script>

Answer 3

通过在事件函数中返回false，您明确地抑制了事件的正常行为。您应该返回true，以便在执行代码后浏览器正常处理事件。

Answer 4

我将function更改为返回true

jQuery( 'div.designflow a' )
    .click(function() {
       do_the_click( this.id );
       return true;
    });

添加了javascript，现在链接不起作用

4 个答案: