我有这个页面,如果你将地图向下滚动到li,这里是我的代码
HTML
<ul class="play_navigation">
<li class="active"><a class="barino_story_bottom" href="#">The Story</a></li>
<li><a class="barino_video_bottom" href="#">The Video</a></li>
<li><a class="barino_gallery_bottom" href="#">The Gallery</a></li>
<li><a class="barino_equipment_bottom" href="#">The Equipment</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我的jQuery
<script type="text/javascript">
$(document).ready(function(){
$('.play_navigation a').click(function(){
console.log("this is the click");
return false;
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
如果我点击链接,什么都没发生....你可以查看源代码并看到它...但如果我将它粘贴在控制台中它工作正常...什么给出
我的选择器是:
$('section#attendance input:last')
Run Code Online (Sandbox Code Playgroud)
但是,我在#attendance部分添加了另一个输入.我希望选择器现在选择该元素(因为它应该如此:last.但是,出于某种原因,它没有,但我不太清楚为什么?
这是我的完整代码:
$('section#attendance input:last').keydown(function(e) {
if (e.which == 9)
{
var $this = $(this);
var num = parseInt($this.attr('name').match(/\d+(,\d+)?/)[0]) + 1;
$this.parent().append('<input type="text" name="attendance[' + num +']" value="Name and Position" class="medium" />');
}
});
Run Code Online (Sandbox Code Playgroud)
新守则:
$("section#attendance").on("keydown", "input:last", function(e) {
if (e.which == 9) {
var $this = $(this);
var num = parseInt($this.attr('name').match(/\d+(,\d+)?/)[0]) + 1;
$this.after('<input type="text" name="attendance[' + num +']" value="Name and Position" class="medium" />');
}
});
Run Code Online (Sandbox Code Playgroud)
编辑:问题似乎在'输入:最后',因为它只是使用输入它的工作原理.另外,如果我将类'last'添加到最后一个元素,当我使用'input.last'作为选择器时,它就可以工作.