Javascript Can';t在ajax调用后从div请求数据。我该如何解决这个问题?
这个示例运行良好,与我在项目中使用的情况相同,但我使用的数据,在本例中,带有Javascript Can';t在ajax调用后从div请求数据。我该如何解决这个问题?,javascript,jquery,html,jquery-data,Javascript,Jquery,Html,Jquery Data,这个示例运行良好,与我在项目中使用的情况相同,但我使用的数据,在本例中,带有数据名attr的div是由ajax加载的,看起来不起作用。 在控制台中,firefox在点击后输出: getPreventDefault()解决方案。Verwenden Sie Statdessen defaultPrevented.jquery.min js html 委派的事件处理程序: $(document).ready(function() { $(document).on('click', '#con
数据名
attr的div是由ajax加载的,看起来不起作用。
在控制台中,firefox在点击后输出:
getPreventDefault()解决方案。Verwenden Sie Statdessen defaultPrevented.jquery.min
js
html
委派的事件处理程序:
$(document).ready(function() {
$(document).on('click', '#content div', function() {
var title = $(this).data("name");
$("#content div").text(title);
});
});
委托事件处理程序。您对“委托事件处理程序”的具体含义是什么?此处,不应再使用EN:getPreventDefault()中的控制台输出。改用defaultPrevented。
这只是一个一般警告,请忽略它。您正在使用ajax插入元素,因此需要委派事件处理程序,因为绑定事件处理程序时元素不存在。消息event.returnValue已弃用。请改用标准的event.preventDefault()。
实际上来自jQuery,它们使用的是一种不推荐使用的方法。好的,谢谢!它起作用了!为了便于理解,我的代码之间有什么区别?区别在于委托事件处理程序。以这种方式使用on()将事件委托给绑定时实际存在的元素。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="content">
<div data-name="Neu"></div>
</div>
#content {
width: 100%;
height: 100%;
}
#content div {
width: 50px;
height: 50px;
background: red;
color: white;
}
$(document).ready(function() {
$(document).on('click', '#content div', function() {
var title = $(this).data("name");
$("#content div").text(title);
});
});