Question

我尝试使用按钮加载文本文件。没有按钮就行了。但是按钮没有。

我有这个：

$("#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>');
        });

    });
});

但是当我激活按钮

时，我甚至看不到警报

Answer 1

可能是拼写错误，您的按钮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>');
      });
    });
  });
});

Answer 2

您应该在所引用的每个地方的两个文件中写入相同的ID名称。

$("#lesen").click(function () {.....

将上面的代码替换为jQuery代码中的以下代码段

$("#lessen").click(function () {.....

其实你在你的JavaScript文件@ line 1中拼错了你的名字 #lessen

Answer 3

使用此id =＆＃34;减少＆＃34;。

$("#lessen").click(function () {
  //Your code hare . 
}

使用带有Jquery的按钮加载文本文件

3 个答案: