jquery 插件应用于 react的问题 5C

自己封装的jquery插件在react中引用,插件中定义的onclick找不到



jQuery.initChart=function(data,that){

        function generate(that){
        that.html('<div id="xx" onclick='display(parm1,parm2)'>')
   }

      display=function(item, that) {

        }

})(jQuery);


1个回答

display=function(item, that) {
console.log("!");
}

移到function外面试一下

u013467973
Cerian 试过了不行,已解决,多谢。采用动态绑定事件xxx.on('click','.btn',function(e){})
10 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JavaScript和 jquery 和 react三者之间的区别 简单解释一下
JavaScript和 jquery 和 react三者之间的区别 简单解释一下 不要链接 谢谢~
react是什么 和jquery是一样的吗 有什么区别
react是什么 和jquery是一样的吗 有什么区别。。。。。。。。。。。
有没有上线过react WEB应用的小哥哥小姐姐呀, 我不会上线,还望不吝赐教?
本人自己学习前端开发,截止今日,依照视频写出一个react 应用, 也买了一台云服务器 ,页申请了域名; 将打包好的网页上传至云服务器, 并且通过域名可以访问到我的应用, 域名为: **weiyafei.cn** 但是有一点不会;就是比如我本地开发的时候,接口调用的是本地 的地址,上线之后我就不会调用接口了, 其实就是不会将数据库上云,然后通过ip获取数据 我附上几个开发时的数据请求图片 ![这是启动mysql](https://img-ask.csdn.net/upload/202001/06/1578307294_842169.png) ![用node管理的mysql 并且提供数据接口](https://img-ask.csdn.net/upload/202001/06/1578307324_415440.png) ![这是本地获取数据的接口](https://img-ask.csdn.net/upload/202001/06/1578307356_549622.png)
react如何实现类似jquery的apped和prepend的效果?
react如何实现类似jquery的apped和prepend的效果?可以说下思路吗,有点想象不出。。。
react中使用jquery的ajax请求得到一个html片段,但其中的js不执行
问题: 使用react用ajax请求本地的一个index.html文件,index.html中只有几个html片段,最后返回得到的结果是dom元素可以正常显示,但是片段中script标签下的脚本没起作用,求大神解答 **代码如下:** **1、react页面** ``` <!DOCTYPE html> <html> <head> <title></title> <meta charset="UTF-8" /> </head> <body> <div id="content"></div> <script src="http://static.runoob.com/assets/react/react-0.14.7/build/react.min.js"></script> <script src="http://static.runoob.com/assets/react/react-0.14.7/build/react-dom.min.js"></script> <script src="http://static.runoob.com/assets/react/browser.min.js"></script> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/babel"> class UserGist extends React.Component { constructor() { super(); this.state = { html: '' }; } ``` **2、请求的index.html页面** ``` <a id="firstaitem" href="#">Number1</a> <a href="#" style="color: red;">Number2</a> <a href="#">Number3</a> <script type="text/javascript"> document.getElementById('firstaitem').style.color='green' </script> ``` **运行结果如下: 使用react中ajax请求index.html返回的页面:** ![图片说明](https://img-ask.csdn.net/upload/201712/01/1512090855_665273.png) **直接运行index.html的页面:** ![图片说明](https://img-ask.csdn.net/upload/201712/01/1512090892_442763.png) 相当于使用ajax请求的得到的结果里script下面的这部分代码没执行,求解决。。。 ``` <script type="text/javascript"> document.getElementById('firstaitem').style.color='green' </script> ```
react-native 源码地址有吗?(github)上的,要最新版本的不要6以下的
react-native 源码地址有吗?(github)上的,要最新版本的不要6以下的
关于在create-react-app中引入antd-mobile的问题
如图,引入antd-mobile后为了实现按需加载以及自定主题的功能,需要下载 依赖包babel-plugin-import和react-app-rewired。而由于react-app-rewired在2.0之后的版本删除了injectBabelPlugin函数,需要下载customize-cra对配置加载组件config-overrides进行配置,代码块如下。 ``` const { override, fixBabelImports, addLessLoader } = require('customize-cra'); module.exports = override( fixBabelImports('import', { libraryName: 'antd-mobile', libraryDirectory: 'es', style: true, //支持加载less 需要下载less 和less-loader }), addLessLoader({ javascriptEnabled: true, modifyVars: { '@primary-color': '#25b864' }, }), ); ``` 比较疑惑的就是,在网上查阅的资料中,大部分的代码块与我上面发的几乎一致,但却只能实现按需打包的功能,而自定义主题的功能却不能生效。 然后我试着在create-react-app中引入antd并且进行同样的修改,自定义主题功能是生效的。 问题来了,是否customiz-cra函数只对antd完全支持,而对antd-mobile并不完全兼容? 如果不完全兼容,是否意味着只能下载2.0之前的react-app-rewired进行antd-mobile引入的配置加载的修改? 求解惑
React两个下拉框的联动问题。
json=[ { "id":1, "name":"饮料", "parentId":"" }, { "id":2, "name":"汽车", "parentId":"" }, { "id":3, "name":"可乐", "parentId":"1" }, { "id":4, "name":"雪碧", "parentId":"1" }, { "id":5, "name":"法拉利", "parentId":"2" }, ] 有两个Select下拉框,当parentId为空时放入第一个下拉框,当parentId不为空时根据parentId相对应的id值放入第二个下拉框实现联动。比如第一个下拉框是id=1的饮料的时候,将parentId为1的放入第二个下拉框,第二个下拉框就是可乐和雪碧。React代码要如何实现?
React 生成的网页跳转到其它页面再返回时React 生成的页面重新加载了
React 做的搜索页面A,搜索出条目,点击跳转到详情B,再返回A后,React搜索的结果没有保持。刷新成刚打开A时的内容。
react 项目登录态如何设计?
现在在做一个react项目(用到redux),需要一个登录界面。最初的想法是保存一个bool状态islogin,存储到仓库(reducer)。通过检查这个状态进行页面之间的路由跳转。 但是存在一个问题,浏览器刷新之后,就会重置静态资源,(举个例子,已经登录过的用户,在其他界面刷新之后就会跳转到登录界面,因为默认值为false)。刚开始接触react,不知道有什么方法可以解决这个问题?
react删除数组内的对象,画面表示不对
react做了一个简单的追加删除功能,两个button, add在画面上加一个text控件,delete删除控件, 问题:追加text,放在数组里,删除的时候从第1个删除,但是实际删的是最后一个 代码如下 ``` import React,{Component} from 'react'; var textList = []; export default class Test extends Component { constructor(props){ super(props); this.state = { children:[], } this.add = this.add.bind(this); this.delete = this.delete.bind(this); } add(){ let length = this.state.children.length; textList.splice(this.state.children.length, 1, <input type="text" ref={(ref)=>this["text" + length] = ref}/>); this.setState({children : textList}); } delete(){ textList.splice(0,1); this.setState({children : textList}); } render(){ return( <div> <input type="button" onClick={this.add} value="add"/> <input type="button" onClick={this.delete} value="delete"/> <div id="div" ref={(ref)=>this.ref = ref}> {this.state.children} </div> </div>) } } ``` 追加后在文本框里写入012,点删除应该删除0的入力框,结果删除的是3 ![图片说明](https://img-ask.csdn.net/upload/201912/23/1577091205_509452.png)
react 做一个listbox的组件
用react 做一个listbox(类似于asp.net的ListBox控件)的组件
React native小程序资源文件暴露在android相册中,如何隐藏?
**答案: 在小程序所需要屏蔽的资源文件夹里加一个.nomedia文件,就可以让android媒体不去搜索当前文件夹的所有图片和多媒体视频音频。** 但是,公司的两位同事打起来了。为了一点小事打起来了。小程序说这个.nomedia文件应该由app帮忙创建,android app说这个文件应该由小程序打包的过程中自己创建。这个.nomedia文件到底由谁去创建?欢迎大家评论。 以下是他们的立场: **app:**代码可扩展性。如果app帮小程序放到总目录下,那么将屏蔽当前文件夹下一切小程序的所有图片,那么以后引入第三方小程序的时候,第三方小程序不好扩展。不做处理,是为了小程序更灵活配置。 **小程序:**如果小程序每个打包,那么每个小程序包都要放一个文件,麻烦。违背了快速开发的初衷。 **app:**代码可移植性。如果app生成.nomedia文件,那么小程序自身问题依然存在,小程序以后运行在别人的app的时候,兼容性差。 **小程序:**就算是以后提供给第三方使用,那也是app提供sdk和小程序配合着给第三方使用。只要sdk这边自动生成,不存在移植性问题。 **app:**打铁还需自身硬,即便app帮忙生成了.nomedia文件,那也只是避免了问题,并没有根源上解决问题。避免问题和解决问题不是一回事。 **小程序:**app的sdk和小程序本来就是一个整体,这是一个前提,不应该分开来说。 **然后,他们脾气不太好,就打起来了**。我身为领导,要做出一个决策。大家给点建议呗。在并不人身攻击的前提下,希望大家积极评论。
React Native 开发问题
![图片说明](https://img-ask.csdn.net/upload/201911/29/1575006829_878131.png) ![图片说明](https://img-ask.csdn.net/upload/201911/29/1575006841_296871.png) 请问各位 这种布局怎么写啊?如果可以麻烦粘一下代码 谢谢 需求是点击其中一个 另外的不选中 而且颜色变化
在使用npm编写react,想使用jquery easyui的form的方法,使用npm安装了以后,发现不能用
如题,想在npm中使用jquery easyui的方法,怎么使用啊?我使用的命令是npm install jquery-easyui --save。然后import了一下,发现不能用
求资源,我用的myeclipse,想装react.js的自动补全代码的插件
如题,新人刚用react.js想在myeclipse上装一个自动补全代码的插件,那位大手子有啊?最好有教程
react代码如何高级加密
react代码如何加密,他原本的加密方式谷歌浏览器虽然不可以完全反编译,但是谷歌会把东西把换行之类的处理好,这让加密的作用大大下降,所以想问一下有没有什么好的加密工具可以加密react的代码的,麻烦大佬顺便提供教程地址。
bootstrap 的 visible-*,hidden-*属性在react项目中无法使用
最近在做一个react相关的项目,导入了相关的bootstrap包。想实现小屏幕自动隐藏一些组件的功能;将菜鸟教程里面的实例稍微修改,但是发现_visible-*_,_hidden-*_属性不起作用。 下面是代码和不同大小屏幕的显示。 代码: ![图片说明](https://img-ask.csdn.net/upload/201912/01/1575207890_233338.png) 大屏幕结果: ![图片说明](https://img-ask.csdn.net/upload/201912/01/1575207919_853787.png) 小屏幕结果: ![图片说明](https://img-ask.csdn.net/upload/201912/01/1575207932_154640.png)
React 子组件怎么给父组件的数组中添加一个对象并在父组件中遍历出来?
本人React新新新手,请教一个菜鸟级问题。 子组件传值给父组件,怎么样把子组件传给父组件的对象,添加到父组件原有的数组中,并且内容在HTML上遍历出来?
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
有哪些让程序员受益终生的建议
从业五年多,辗转两个大厂,出过书,创过业,从技术小白成长为基层管理,联合几个业内大牛回答下这个问题,希望能帮到大家,记得帮我点赞哦。 敲黑板!!!读了这篇文章,你将知道如何才能进大厂,如何实现财务自由,如何在工作中游刃有余,这篇文章很长,但绝对是精品,记得帮我点赞哦!!!! 一腔肺腑之言,能看进去多少,就看你自己了!!! 目录: 在校生篇: 为什么要尽量进大厂? 如何选择语言及方...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
英特尔不为人知的 B 面
从 PC 时代至今,众人只知在 CPU、GPU、XPU、制程、工艺等战场中,英特尔在与同行硬件芯片制造商们的竞争中杀出重围,且在不断的成长进化中,成为全球知名的半导体公司。殊不知,在「刚硬」的背后,英特尔「柔性」的软件早已经做到了全方位的支持与支撑,并持续发挥独特的生态价值,推动产业合作共赢。 而对于这一不知人知的 B 面,很多人将其称之为英特尔隐形的翅膀,虽低调,但是影响力却不容小觑。 那么,在...
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
白话阿里巴巴Java开发手册高级篇
不久前,阿里巴巴发布了《阿里巴巴Java开发手册》,总结了阿里巴巴内部实际项目开发过程中开发人员应该遵守的研发流程规范,这些流程规范在一定程度上能够保证最终的项目交付质量,通过在时间中总结模式,并推广给广大开发人员,来避免研发人员在实践中容易犯的错误,确保最终在大规模协作的项目中达成既定目标。 无独有偶,笔者去年在公司里负责升级和制定研发流程、设计模板、设计标准、代码标准等规范,并在实际工作中进行...
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
redis分布式锁,面试官请随便问,我都会
文章有点长并且绕,先来个图片缓冲下! 前言 现在的业务场景越来越复杂,使用的架构也就越来越复杂,分布式、高并发已经是业务要求的常态。像腾讯系的不少服务,还有CDN优化、异地多备份等处理。 说到分布式,就必然涉及到分布式锁的概念,如何保证不同机器不同线程的分布式锁同步呢? 实现要点 互斥性,同一时刻,智能有一个客户端持有锁。 防止死锁发生,如果持有锁的客户端崩溃没有主动释放锁,也要保证锁可以正常释...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
YouTube排名第一的励志英文演讲《Dream(梦想)》
Idon’t know what that dream is that you have, I don't care how disappointing it might have been as you've been working toward that dream,but that dream that you’re holding in your mind, that it’s po...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
Java世界最常用的工具类库
Apache Commons Apache Commons有很多子项目 Google Guava 参考博客
相关热词 c# clr dll c# 如何orm c# 固定大小的字符数组 c#框架设计 c# 删除数据库 c# 中文文字 图片转 c# 成员属性 接口 c#如何将程序封装 16进制负数转换 c# c#练手项目
立即提问