Tag: javascript

qTip问题 – 提示未显示，因为元素在脚本后加载

我对javascript，jQuery或它的插件不是很有经验但通常我管理。 无论如何，我的客户正在建立一个网站，其目的之一是从不同的网站上获取新闻文章，并在无序的HTML列表中显示标题。 我没有访问他的代码，新闻文章加载相当慢（很多网站加载后）。 我正在使用qTIP，这个想法是，一旦你将鼠标hover在新闻标题上，它就会生成一个工具提示。 这在我的开发环境中工作正常，因为我有虚拟标题，不是从任何地方生成的。 问题是，一旦客户端在其测试环境中设置了站点，将新闻标题加载到列表中的脚本就会很慢，以至于qTIP脚本在列表中有任何元素之前加载。 因此，它不知道任何 的提取和生成工具提示。 有没有办法确保在工具提示脚本加载之前加载所有新闻文章？ 我认为加载脚本的简单延迟并不是很聪明，因为有些标题的加载时间比其他标题要长，因此延迟时间必须相当长。

JavaScript中的’+ new’是什么意思？

通过函数now()查看jQuery源代码，我看到以下内容： function now(){ return +new Date; } 我从来没有见过像这样的新运算符前置加号运算符。 它有什么作用？

错误：Bootstrap的JavaScript需要jQuery，使用Webpack

我是webpack的新手，但我开始在我的一个项目中使用它来了解它。 我想在引导程序中使用jQuery，但是，当我启动应用程序时，我收到以下错误： bootstrap.min.js？5802：6 Uncaught错误：Bootstrap的JavaScript需要jQuery 在我的webpack配置中，我定义了两个入口点，一个用于项目库，一个用于外部源，称为供应商，如jQuery，Bootstrap等。 在供应商中，我已经在jQuery库之后定义了Bootstrap库，但我无法摆脱错误。 我缺少的任何线索？ 这是我的webapp配置： import webpack from ‘webpack’; import HtmlWebpackPlugin from ‘html-webpack-plugin’; import autoprefixer from ‘autoprefixer’; let node_dir = __dirname + ‘/node_modules’; export default { resolve: { extensions: [”, ‘.js’, ‘.jsx’], alias: { ‘jquery’: node_dir + ‘/jquery/dist/jquery.js’, ‘jquery-validation’: node_dir + ‘/jquery-validation/dist/jquery.validate.js’, ‘bootstrap’: node_dir + ‘/bootstrap/dist/js/bootstrap.min.js’ } }, debug: true, devtool: ‘cheap-module-eval-source-map’, […]

JavaScript：动态（动态）创建样式元素的优点和缺点

在JavaScript中，我们可以动态创建元素并附加到部分，以便为大量元素应用CSS规则。 这种方法的优点和缺点是什么？ 如果与javascript迭代相比，它确实提供了性能提升。 幕后的内容（浏览器内部）？ 哪一个更快或更慢？ Javascript迭代元素或在浏览器中动态添加CSS？ 处理时间怎么样？ 处理负荷？ 为了更好地理解我使用此方法的问题，请参阅以下示例： 示例：如果我的表包含20个或更多列以及1000行或更多，如下所示： Id Name Family Name SSN //Other table data 1 Nick Jackson 123456 //Other table data //Other rows 809 Helga Jhonson 125648 //Other table data //Other rows 1001 Nick Jhonson 216458 //Other table data //Other rows 如果有人需要jsFiddle示例，我可以稍后创建一个。 情况1：如果我想动态隐藏只包含SSN数据的表列。 我可以应用几种方法来做到这一点。 这种方法可分为两大类。 在第一类解决方案中，我可以迭代td元素并动态更改列的样式。 在第二种方法中，我可以通过动态创建一个使用预定义的CSS规则来应用CSS，如@Frits van Campen所述 。 （ […]

如何使用Jquery UI可选择查找所选元素

我正在寻找关于事件和ui对象的jQuery可选事件的信息：“选择”和“开始”作为参数。 我在文档中找不到这个并且通过属性循环没有帮助。 $(‘#content_td_account’).selectable({ filter: ‘li:not(“.non_draggable”)’, selecting: function(event, ui) { } }); 具体来说，我想找到正在选择的元素并检查它们以查看它们的父元素是否相同。 我假设这将在ui对象的某些地方。

jQuery：货币格式编号

我的html中有这样的数字 950000 我希望jQuery改变它 Rp. 950.000 我怎么能在jquery中做到这一点？

如何使用jQuery打开一个新的HTML页面？

所以，我正在使用IBM Worklight，其中我有一个名为file2.html的主文件，然后我创建了另一个名为file2.html html文件。 我试图打开file2但到目前为止没有运气。 我尝试了以下代码： $(this).load(“file2.html”); $(“div1”).load(“file2.html”); //div1 is the id for outer div of file1 WL.App.openUrl(“file2.html”); window.openURL(“file2.html”); 这些都没有奏效！ 有什么建议？

使用jquery检查视口中是否可以看到div

我正在尝试使用jquery来检查Div RED是否在视口内，如果没有，则检查Div ORANGE是否在视口中。 如果只有一个IF语句，我正在使用的函数很有用，但是当我添加另一个IF ELSE语句时，它不会工作。 这是function： $.fn.isOnScreen = function(){ var win = $(window); var viewport = { top : win.scrollTop(), left : win.scrollLeft() }; viewport.right = viewport.left + win.width(); viewport.bottom = viewport.top + win.height(); var bounds = this.offset(); bounds.right = bounds.left + this.outerWidth(); bounds.bottom = bounds.top + this.outerHeight(); return (!(viewport.right bounds.right || viewport.bottom bounds.bottom)); }; […]

如何使用jQuery使用div将JSON树呈现为嵌套HTML？

我正在寻找一种方法来使用标题中提到的嵌套 来呈现JSON树。 以下是数据示例（树中最多有8个级别）： { “children”: { “Bacteria”: { “children”:{ “Verrucomicrobia”:{ “children”:{ “Methylacidiphilae”:{ “children”:{ “Methylacidiphilales”:{ “children”:{}, “count”:2, “level”:”order”, “name”:”Methylacidiphilales”, “score”:1.46 } }, “count”:2, “level”:”class”, “name”:”Methylacidiphilae”, “score”:1.46 } }, “count”:2, “level”:”phylum”, “name”:”Verrucomicrobia”, “score”:1.46 } }, “count”:2, “level”:”kingdom”, “name”:”Bacteria”, “score”:1.46 } }, “count”:0, “level”:”root”, “name”:”Root”, “score”:0.0 } 我可以获取/解析JSON树并将其保存到变量中。 现在我需要以递归方式遍历树，并且： 使每个节点成为可以呈现为HTML的东西。 创建一个新的div节点并添加到新树。 但是怎么样？

如何在没有ajax的select2 4.0中启用无限滚动

我正在使用带有自定义数据适配器的select2 。 提供给select2所有数据都是在网页中本地生成的（因此不需要使用ajax）。 由于query方法可以生成很多结果（约5k），打开选择框的速度相当慢。 作为补救措施，我想使用无限滚动。 自定义数据适配器的文档说， query方法应该与term一起接收page参数： @param params.page应加载的特定页面。 这通常在使用远程数据集时提供，远程数据集依靠分页来确定应显示哪些对象。 但事实并非如此：只有term存在。 我试图返回more: true或more: 1000 ，但这没有帮助。 我想这是因为，默认情况下， 如果启用了ajax，则启用无限滚动 。 我猜测启用无限滚动将涉及使用amd.require ，但我不确定该怎么做。 我试过这段代码： $.fn.select2.amd.require( [“select2/utils”, “select2/dropdown/infiniteScroll”], (Utils, InfiniteScroll) => input.data(“select2”).options.options.resultsAdapter = Utils.Decorate(input.data(“select2”).options.options.resultsAdapter, InfiniteScroll) ) 这是咖啡脚本，但我希望它对每个人都是可读的。 input是包含select框的DOM元素 – 我之前做过input.select2( //options ) 我的问题基本上是，如何在没有ajax情况下启用无限滚动？