Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >自定义jQuery函数随机未定义

自定义jQuery函数随机未定义
EN

Stack Overflow用户
提问于 2017-04-12 09:55:24
回答 1查看 295关注 0票数 1

提前谢谢你的帮助。

我有一个页面,它呈现了一些图表,但我似乎只是偶尔经历一次范围问题。

我创建了一系列jQuery函数,用于根据传入的选项呈现特定类型的图表,每个函数都包含一个AJAX调用,以根据调用图表容器上的图表函数时提交的选项请求适当的数据集。

其中一些图表与第二个图表配对,第二个图表的选项由第一个图表的JSON响应决定,AJAX调用响应。在AJAX成功触发之后,在第一个图表中的回调中呈现成对的图表。

大多数情况下,这是非常好的,但有时我会收到错误"TypeError:$(.).lineChart不是一个函数“。第一个barChart每次呈现,但偶尔也会呈现与barChart相同文件中定义的lineChart函数,该函数不再可访问。

我在代码中添加的任何延迟似乎都解决了这个问题。当我使用调试器时,这个问题不存在,并且我可以捕获错误并在超时之后重新调用lineChart函数,这个超时似乎也有效。

我不知道为什么这个函数有时不再可用,什么看起来是随机的。

我为没有贴上确切的代码而道歉。这里有一些注释和变量/函数名,我不能在这里发布。

谢谢。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$.fn.barChart = function (options, callback) {
    $.ajax(options["url"], {
        method: "POST",
        type: "json",
        data: options.data,
        success: function (response) {

            // ..render this chart ..

            var optionsForNewChart = {}; // ..generate new options to respond with base on response JSON
            callback(optionsForNewChart);
        }
    });
};

$.fn.lineChart = function (options) {
    $.ajax(options["url"], {
        method: "POST",
        type: "json",
        data: options.data,
        success: function (response) {
            // ..render this chart ..
        }
    });
}


$("#barChart1").barChart({
    url: "https://...",
    data: {
        //post data
    }
}, function (response) {
    $('#lineChart1').lineChart(response);
});

$("#barChart2").barChart({
    url: "https://...",
    data: {
        //post data
    }
}, function (response) {
    $('#lineChart2').lineChart(response);
});

$("#barChart3").barChart({
    url: "https://...",
    data: {
        //post data
    }
}, function (response) {
    $('#lineChart3').lineChart(response);
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-04-12 11:36:21

将您的代码放在:$(document).ready(function(){ //YOUR CODE GOES HERE });中,这将解决函数未加载的问题。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43376460

复制
相关文章
在eclipse中创建maven项目、导出jar包、在windows服务器上运行
我们找到打包好的jar包,以压缩包的形式打开,找到META-INF文件下的MANIFEST.MF文件。
翟凤玺
2020/10/29
4.1K0
在eclipse中创建maven项目、导出jar包、在windows服务器上运行
js动态创建元素,并控制元素样式
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/107349.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/03
6.7K0
win10在html上运行java的applet程序
Applet是采用Java编程语言编写的小应用程序,该程序可以包含在 HTML(标准通用标记语言的一个应用)页中,与在页中包含图像的方式大致相同。
炒香菇的书呆子
2021/05/17
2.4K0
win10在html上运行java的applet程序
js动态创建div等元素实例
为了节省时间,就直接贴代码了!希望大家多多的关注我! <html> <head> <title>js动态创建div等元素实例</title> <style type="text/css"> </style> </head> <body> <script language="javascript"> var Test={ createDiv:function(){ var div = document.createElement
业余草
2019/01/21
12.3K0
关于动态创建DOM元素的问题
在我们实际的项目之中,相信有很多的朋友直接使用了以下的格式创建DOM元素
Isaac Zhang
2019/09/10
2.2K0
关于动态创建DOM元素的问题
HTML-JavaScript动态添加元素appendChild
开始自学一下前端的基础知识,这里记录一下知识点,毕竟不熟,不记录很容易就忘记了。前端最佳的学习资料就是在MDN,没有之一。
傅_hc
2020/02/18
1.9K0
HTML-JavaScript动态添加元素appendChild
js如何动态创建网页新元素
创建新元素,有两种办法,一种是直接修改父级元素的innerHTML元素,第二种是使用createElement()函数来创建,再用appendChild()函数进行DOM元素的挂载
itclanCoder
2022/12/07
4.6K0
HTML中的内联元素与块级元素
文章作者:Tyan 博客:noahsnail.com  |  CSDN  |  简书
Tyan
2022/05/09
3.2K0
python代码为什么在函数中运行更快
不知道有没有人注意过同样的代码是否封装在函数里,运行速度是不同的。比如以下两个代码:
生信编程日常
2020/04/01
2.4K0
在QEMU上运行OPTEE
TEE越来越成为一种基础的安全技术,optee作为一种优秀的开源TEE OS正吸引了越来越多的厂商,越来越多的学习者,安智客之前也多次介绍过
安智客
2018/07/30
2.6K0
在QEMU上运行OPTEE
动态添加的html元素绑定事件的方法
在js中写好方法名对应的方法就可以了,如果绑定方法的元素太多,可以考虑使用方法二;
蓓蕾心晴
2018/07/24
3.5K0
javascript 动态函数如何创建?
JavaScript作为一门动态语言,提供了多种创建动态函数的方法。动态函数的创建允许我们在运行时根据需要生成函数,从而实现灵活的编程和动态逻辑。本文将介绍动态函数的概念,探讨几种常用的方法来创建动态函数,并分享一些动态函数的应用场景。
海拥
2023/06/27
5840
javascript 动态函数如何创建?
动态创建函数原理及应用
1、事件计数:在这个场景中,每次事件发生时就在事件处理函数中释放信号量,其他任务获取信号量来处理事件。这种场合计数型信号量初始计数值为0。
用户8671053
2021/10/06
4840
HTML元素
注意:一些 HTML 元素没有内容(如 <br> 元素)。这些元素称为空元素。空元素没有结束标签!
玖柒的小窝
2021/09/24
1.3K0
在ToolBar上创建菜单
好久没写过界面了,最近用最新的支援库,官方建议AppBar+ToolBar代替原ActionBar。然后翻了一下怎么往ToolBar上创建按钮,翻了半天没一个可以。。。最后发现把onCreateOptionsMenu丢了(网上的大爷们这么默契,全部都把这部分代码忽略掉真的好吗)。附上ToolBar上创建菜单的方法。
sickworm
2019/02/27
1.1K0
HTML 元素
注释: 您将在本教程的下一章中学习更多有关属性的内容。 嵌套的 HTML 元素 大多数 HTML 元素可以嵌套(HTML 元素可以包含其他 HTML 元素)。 HTML 文档由相互嵌套的 HTML 元素构成。 HTML 文档实例
用户6884826
2021/07/07
1.2K0
HTML 元素
HTML 元素 开始标签 * 元素内容 结束标签 * <p> 这是一个段落 </p> <a href="default.htm"> 这是一个链接 </a> <br> 换行 HTML 元素语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容(empty content) 空元素在开始标签中进行关闭(以开始标签的结束而结束) 大多数 HTML 元素可拥有属性
用户8442333
2021/08/21
1.4K0
HTML 元素
Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。
用户8442333
2021/08/21
1.3K0
html 中的可替换(置换)元素
在 CSS 中,可替换元素(replaced element)的展现效果不是由 CSS 来控制的。这些元素是一种外部对象,它们外观的渲染,是独立于 CSS 的。
用户9914333
2022/07/21
3.2K0
一个神器的项目:让 Python 在 HTML 中运行
大家好,我是DD,已经是封闭在家的第51天了! 最近一直在更新Java新特性(https://www.didispace.com/java-features/)和IDEA Tips(https://www.didispace.com/idea-tips/)两个原创专栏,其他方向内容的动态关注少了。昨天天晚上刷推的时候,瞄到了这个神奇的东西,觉得挺cool的,拿出来分享下: 相信你看到图,不用我说,你也猜到是啥了吧?html里可以跑python代码了! 看到好多Python公众号已经开始猛吹未来了,但乍看怎
程序猿DD
2022/05/10
2K0
一个神器的项目:让 Python 在 HTML 中运行

相似问题

在动态html上运行函数

48

动态创建的html元素的运行时绑定函数

24

在angularjs中创建动态html元素

21

在JS中创建动态HTML元素

13

无法在动态创建的元素上绑定函数

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文