个人中心
gpt4 book ai didi

javascript - Jquery 带有按钮 Onclick 功能

转载 作者：行者123 更新时间：2023-11-28 14:53:14 25 4
gpt4 key购买 nike

我刚刚开始网络开发，有一个函数 loadTweets 从另一个文件中提取并显示，当我去掉按钮，直接作为匿名函数运行它时，它可以工作，但是，由于某种原因该按钮无法调用该函数。

任何帮助将不胜感激，谢谢! 

<html>
  <head>
    <script src="jquery.js"></script>
    <script src="data_generator.js"></script>

  </head>
  <button type = "button" onclick="loadTweets"> Load </button>
  <body>
    <script>
      $(document).ready(function(){
        var loadTweets = function(){
          var $body = $('body');
          $body.html('');
          var index = streams.home.length - 1;
          while(index >= 0){
            var tweet = streams.home[index];
            var $tweet = $('<div></div>');
            $tweet.text('@' + tweet.user + ': ' + tweet.message);
            $tweet.appendTo($body);
            index -= 1;
          }
        }
      });
    // });



    </script>
  </body>
</html>

最佳答案

您需要在文档就绪处理程序之外定义函数，并将 () 与函数一起使用

<button type = "button" onclick="loadTweets()"> Load </button>

<script>
  var loadTweets = function(){
      //
  });
</script>
<小时/>

但是我建议您使用不显眼的事件处理程序。

HTML，向按钮添加 ID 属性

<button type="button" id="loadTweets"> Load </button>

脚本，然后使用ID selector定位元素和 .on()绑定(bind)事件处理程序。

$(document).ready(function () {
    var loadTweets = function () {
        //existing code
    }

    $('#loadTweets').on('click', loadTweets)
});

关于javascript - Jquery 带有按钮 Onclick 功能，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43797556/

25 4 0
文章推荐： ios - NSDictionary 的 PromiseKit 不可见类型转换
文章推荐： html - 使用 HTML 与 CSS 对图像进行框阴影
文章推荐： swift - Swinject:生成任何对象的实例(对于未注册的对象、ViewModel 等...)
文章推荐： javascript - 编写一个最佳程序从字符串中删除数字，然后将结果字符串反转
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com