按键事件不会使用$（）。load（“ page.html”）jQuery激活

Question

使用$（“。content”）。load（“ Dashboard.html”）后，我无法与输入进行交互

示例：
1.包含div（带有“内容”类）的索引页已加载
2.使用$（“。content”）。load（“ Dashboard.html”）将页面加载到该div中。
3. $（“ input”）。keypress（function（e）{alert（“ test”）;}）;将无法正常工作。

代码：

// jQuery
$(document).ready(function() {

	$(".content").load("pages/Dashboard.html");
				
	init();
});




function init() {


	$("input").keypress(function(e) {
		alert("1");
	});

	$("input").keydown(function(e) {
		alert("2");
	});


}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div class="content">Dashboard.html with input will show here</div>

感谢您抽出宝贵的时间阅读本文！

Answer 1

您没有<input>标签，但正在使用按键功能调用它。请改用document：

$(document).keypress(function(e) {
    alert("1");
});

工作片段：

// jQuery
$(document).ready(function() {
  $(".content").load("pages/Dashboard.html");
  init();
});

function init() {
  $(document).keypress(function(e) {
    alert("1");
  });
  $(document).keydown(function(e) {
    alert("2");
  });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content">Dashboard.html with input will show here</div>