jquery - e.preventDefault() 似乎不像它应该做的那样

Question

我有一个小部件可以在此页面的侧边栏上显示天气http://jbm.utad.pt/testes/equipa.php

一旦文档准备好，它就会通过 AJAX 将城市名称发送到 processa-tempo.php，它会在我的主页中填充一个 div：

<div id="exibe-tempo"></div>

手风琴用于显示预测和选择不同的城市，问题就来了。在这里发布的代码有点长，所以我做了这个：http: //jsfiddle.net/jZjQy/1/

它有在equipa.php 里面的jQuery 和processa-tempo.php 返回的标记。

如果我点击一个新城市......它不会像预期的那样运行（刷新 div“exibe-tempo”）

我真的不太了解调试这个......有什么帮助吗？这将不胜感激。

score 1 · Accepted Answer

我检查了你的网站。这就是我的想法。请让我知道这对你有没有用。

您点击城市的代码定义如下，

    $("#cidades").click(function(event){
  event.preventDefault ? event.preventDefault() :event.returnValue = false;
      ..... });

但是您的链接被定义为，

    <a href="Penafiel" class="cidade">Penafiel</a>

将您的 jquery 更改为，

    $(".cidade").click(function(event){
  event.preventDefault ? event.preventDefault() :event.returnValue = false;
      ..... });

因此，您将 click 函数绑定到每个标签而不是围绕它的 UL。我在您的网站上尝试了上面的代码，它可以工作。

score 1 · Accepted Answer

我再次检查了您的页面，可能发现了错误。您可以动态添加包含城市的链接。但是 onclick 绑定来自页面加载事件。所以你必须为这个事件应用一个实时监听器，如下所示：

$(document).on('click','.cidade',function(event){
event.preventDefault();

2 回答 2