Question

所以我有一个显示/隐藏链接，它完全与文本和显示，当我点击它，但当我试图在其中放置一个jquery的东西，以便当我点击它，它将显示一个文本文件，但它并没有在他们那时做到这一点，而是只显示它下面的文本文件内容，而当我点击应该显示它的链接时它什么也没显示。我有一个显示/隐藏链接，html如下：

   <a href="#" id="hideShow">Title</a>
<div id="message" style="display:none; border: 1px solid #777; width: 500px; padding: 1%;">
blah
</div>


<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript"> 

   $("#hideShow").click(function(){
   $("#message").toggle();
  });

</script>

在那里，我想要显示我的一个文本文件的内容并使用它：

<script type="text/javascript" src="jquery.min.js"></script>
<script>
  jQuery(document).ready(function($){
    $.ajax({
        url : "/hello.txt",
        dataType: "text",
        success : function (data) {
           $('<pre />').text(data).appendTo('body');
        }
    });
  });
</script>

当我使用文本时，它可以工作但是当我使用jquery时它已经在页面上并且不等我点击标题显示。我想改变这个

Answer 1

将你的ajax调用放在click函数中：

   $("#hideShow").click(function(){
      $.ajax({
          url : "/hello.txt",
          dataType: "text",
          success : function (data) {
             $('<pre />').text(data).appendTo('body');
           }
      });
      $("#message").toggle();
   });

调试 - 显示/隐藏链接中的javascript无法正常工作

1 个答案: