我尝试使用按钮加载文本文件。没有按钮它可以工作。但使用按钮则不然。
我有这个:
$("#lesen").click(function () {
jQuery.get('movie.txt', function (data) {
var lines = data.split("\n");
$.each(lines, function (n, elem) {
$('#content_area').append('<div>' + elem + '</div>');
});
});
});
这是 html 文件:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type ="text/javascript" src="Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="Scripts/JFunc.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input type="button" id="lessen" value="load" />
<div id="content_area"></div>
</div>
</form>
</body>
</html>
谢谢
我现在是这样的:
$("#lessen").click(function () {
alert('lsdjflkjsdf');
jQuery.get('movie.txt', function (data) {
var lines = data.split("\n");
$.each(lines, function (n, elem) {
$('#content_area').append('<div>' + elem + '</div>');
});
});
});
但当我激活按钮时,我什至没有看到警报
最佳答案
可能是打字错误,您的按钮 id
是 lessen
而您的 jQuery 选择器是 #lesen
:
$("#lesen").click(function () {
试试这个:
$("#lessen").click(function () {
为了确保在执行脚本之前加载 DOM,您应该将其作为回调传递给 $(document).ready()
:
$(document).ready(function() {
$("#lessen").click(function () {
alert('lsdjflkjsdf');
jQuery.get('movie.txt', function (data) {
var lines = data.split("\n");
$.each(lines, function (n, elem) {
$('#content_area').append('<div>' + elem + '</div>');
});
});
});
});
关于javascript - 使用 Jquery 按钮加载文本文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41199795/