Question

使用点击功能的新功能。首先，我将其合并到由onClick事件触发的函数中。

function clickroute(lati,long) {
      map.panTo(new google.maps.LatLng(lati, long));
      map.setZoom(14);
$('#outdirections a').click(function() {
          $('#outdirections a').removeClass('directionsselect');$(this).addClass('directionsselect');
      });
  }

功能齐全但第一次触发该功能时，点击功能不执行任何操作。我试过把它分开，然后把它放在脚本中。

$('#outdirections a').click(function() {
              $('#outdirections a').removeClass('directionsselect');$(this).addClass('directionsselect');
          });

但这没有任何作用。我们如何正确触发点击功能。

有什么想法吗？

非凡

Answer 1

http://api.jquery.com/click/查看此链接以获取一些示例和初学者 http://www.w3schools.com/jquery/jquery_events.asp

Answer 2

加载完成后应添加事件监听器：

在jQuery中，最容易做到这一点：

$(function() {
  $('#outdirections a').click(function() {
              $('#outdirections a').removeClass('directionsselect');$(this).addClass('directionsselect');
          });
});

$(function() {部分是$(document).ready(function() { ....

的缩写形式

Answer 3

您拥有的语法是绑定，而不是触发。

在document.ready中处理您的绑定：

$(document).ready(function() {
$('#outdirections a').click(function() {
      $('#outdirections a').removeClass('directionsselect');
      $(this).addClass('directionsselect');
      })
});

然后，只要点击<a>内的#outdirections，就会删除/添加课程。

Working demo on jsfiddle

Answer 4

试试这个

$("#outdirections a").live("click", function () {
              $('#outdirections a').removeClass('directionsselect');
      $(this).addClass('directionsselect');
      })

            });

JQuery。点击功能无响应

4 个答案: