Question

在页面加载时，我想将1D选为默认值

我试过这种方式

$(document).ready(function() {

$("ul.menu li a:first").click();
});

$("ul.menu li").click(function() {
  var tabclicked = $(this).find("a").attr("href");
  alert(tabclicked);
});

但是，请你告诉我为什么没有显示警报？

这是我的小提琴

https://jsfiddle.net/gr1L23us/3/

Answer 1

这样做：https://jsfiddle.net/gr1L23us/5/

$(document).ready(function() {
  $("ul.menu li a").click(function() {
    var tabclicked = $(this).attr("href");
    alert(tabclicked);
  });

  $("ul.menu li:first-child a").click();
});

更改事件侦听器功能（具有警报的功能）的位置，然后更改事件
在:first-child

<li>

将click事件更改为<a>

另一种可能的应用是jquery方式：https://jsfiddle.net/gr1L23us/8/

$(document).ready(function() {
  $("ul.menu li a").click(function() {
    var tabclicked = $(this).attr("href");
    alert(tabclicked);
  });

  $("ul.menu li").first().find('a').click();
});

使用.first()选择第一个<li>和.find()在内部的<a>链接上进行深入挖掘click

Answer 2

你可以触发点击第一个li，但你应该在li点击事件之前触发

$(document).ready(function() {
  $("ul.menu > li").click(function() {
    var tabclicked = $(this).find("a").attr("href");
    alert(tabclicked);
  });
  $("ul.menu > li:first").trigger('click');
});

Working Demo

Answer 3

在$("ul.menu li a:first").click();之前，将您的点击功能置于文档就绪通话中。

$(document).ready(function() {
  $("ul.menu li").click(function() {
    var tabclicked = $(this).find("a").attr("href");
    alert(tabclicked);
  });
  $("ul.menu li a:first").click();
});

<强> jsFiddle example

在这种情况下如何单击First li标签

3 个答案: