Tag: javascript

相当于D3.js中jQuery的’not’选择器?

在D3.js中工作,我想选择除当前元素之外的所有与选择器匹配的元素。 原因是我想鼠标移动一个圆圈,并让所有其他同一类的圆圈变为浅蓝色,但当前圆圈保持相同的阴影。 这就是我目前所拥有的: vis.selectAll(‘circle.prospect’) .on(“mouseover”, function(d) { console.log(d); d3.selectAll(‘circle.prospect’).transition().style(‘opacity’,’0.5′); d3.select(this).attr(‘opacity’,’1.0′); }); 在jQuery中,我可以使用not来做到这一点 。 有人知道D3.js相当吗?

在使用ajax的页面中插入html后选择dom元素

我创建了一个ajax选项卡导航,其中html被插入到页面中。 代码看起来像这样: $.ajax({ type: ‘POST’, url: ‘main/ajaxjson/load_course_details’, data: {page : which, course_id: id}, success: function(home){ $(‘#ajax-content ‘).hide(); $(‘#ajax-content’).empty().append(home); $(‘#ajax-content’).fadeIn(); } }); 好的…所以我将我的标记附加到我的HTML中。 现在我需要从插入的html中选择dom元素,但我不能。 我有以下代码: Next <option value="id; ?>”>title; ?> 在这里,我动态生成选择选项。 当我尝试这样做时: $(‘#chapters-select’).change(function(){ alert(‘changed’); }); 它不起作用。 我通过ajax追加html后如何使用javascript?

Firefox上不会调用HTML5video的canplay / canplaythrough事件。 为什么?

我正在构建一个用于管理HTML5video的jQuery插件。 我正在尝试捕捉canplay和canplaythrough事件。 在Chrome中,该事件被解雇没有问题。 在Firefox中,某些时候它被触发,有时它不是。 我在这里简化了我的代码: $(‘#my_video’).on(‘canplay canplaythrough’, function(){ console.log(‘canplay event fired’); }); 我也尝试使用原生的javascript .addEventListener()并且它不起作用。 知道为什么没有在Firefox上调用该事件以及如何解决这个问题? 注意:请不要告诉我使用已经可用的插件,如jplayer和video-js,我知道它们存在并运行良好,但我必须构建一个内部解决方案。

jQuery按钮单击刷新jqGrid只触发一次

我有以下jQuery代码,我用它来填充jqGrid。 在第一次单击按钮时,它可以完美地发布到我的ASP.NET MVC页面。 我的 问题是,当点击按钮时,任何其他点击超过第一个点击它似乎通过jquery代码,但它永远不会进入POST页面。 有什么想法吗? $(document).ready(function() { $(‘#btnSubmit’).click(function() { /* Refreshes the grid */ $(“#list”).jqGrid({ /* The controller action to get the grid data from */ url: ‘/CRA/AddPart’, data: { partNumber: “123”}, datatype: ‘json’, mtype: ‘GET’, /* Define the headers on the grid */ colNames: [‘col1’, ‘col2’, ‘col3’, ‘col4’], /* Define what fields the […]

Jquery自动完成从第一个字符开始

我认为之前有人问过这个问题,但我无法使用我的脚本。 当我开始输入输入字段时,例如我以字母AI开头,每个标签都包含字母A. 我只想要以字母A开头的标签。 这是我的脚本: .ui-autocomplete { max-height: 100px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; } /* IE 6 doesn’t support max-height * we use height instead, but this forces the menu to always be this tall */ * html .ui-autocomplete { height: 100px; } $(function() { $( “#tags” ).autocomplete({ source: [{ label: […]

如何使用通过AJAX发送到php的结账标记创建条带费用

我正在尝试使用Stripe的新结帐function和自定义按钮,通过AJAX POST将令牌发送到php文件,然后执行收费。 不幸的是,我在POST变量中检索令牌时遇到了一些麻烦。 我希望这里的某个人能够告诉我我过度复杂的事情,以及是否有更简单的方法可以做到这一点。 在客户端,我有5个按钮,可能有不同的“捐赠”。 这是迄今为止为此编写的js(不包括html): $(function() { var donationAmt = ”; var handler = StripeCheckout.configure({ key: ‘pk_test_3plF76arhkygGMgwCEerThpa’, image: ‘/square-image.png’, token: function(token, args) { // Use the token to create the charge with a server-side script. // You can access the token ID with `token.id` console.log(token) var chargeData = { donationAmt: donationAmt, token: token } […]

如何优化javascript / jquery代码以加快其性能?

在我的一个Web项目中,我使用了大量的javascript / jQuery代码,这在浏览器(Windows 7 x64)上非常慢,尤其是在IE上。 我只在主页上同时使用3个Ajax请求。 在“搜索”页面上,我还使用了在滚动事件上触发的任何“搜索标记”(简单锚标记)点击事件等的ajax请求,这通常会使数据加载速度非常慢。 我使用jQuery插件,如Anythingslider,jquery coockies插件,Raty(评级插件),Tipsuy,jQuery coreUISelect,jScrollPane,鼠标滚轮等等。所有这些第三方插件我已经缩小并组合在jquery.plugins.js文件中,几乎是80KB。 我用jQuery选择了很多DOM元素。 例如,我使用以下代码: $(“#element”) 代替: document.getElementById(‘element’); 我还有一个很大的CSS文件,超过5 000行,因为我将所有第三方jQuery插件的css文件合并到一个文件中,用于缓存和减少HTTP请求。 好吧,我想知道,我能做些什么来优化我的代码以获得更好的性能并加快网页加载? 我可以用什么样的工具来调试我的JS代码? 我忘了提到,当我使用firebug或Chrome本机开发人员工具刷新Google Chrome或Firefox中的页面时,该情况下的页面加载速度也非常慢。 有时Firefox甚至被粉碎了。 使用原始js选择DOM元素会给我一个更好,更快的解析文档的方法吗? 或者我应该离开,jQuery选择? 谈论约50个元素。 我应该分开并在那之后缩小外部插件,例如Anythingslider? 或者当我拥有’all in one’js文件时它会更好吗? 是否更好地将jQuery插件的css代码与main style.css分开? 因为即使hover在元素上并影响css文件中的:hover状态,也非常慢。 好吧,伙计们,我真的指望着你。 我一直在谷歌搜索我的问题的答案,真的希望在这里找到它。 谢谢。

在jQuery UI datepicker中显示日期旁边的其他文本

我正在使用jQuery UI datepicker,我想在日期旁边的日期单元格中显示其他文本。 这是期望的行为: 不幸的是,使用.text()和.html()函数操作日期单元会破坏日期选择器function。 请参阅以下演示并尝试使用datepicker。 请注意,当您选择日期时(i)自定义文本消失(ii)更改月份会破坏日历并让您登录“未定义的NaN”月份: https://jsfiddle.net/salman/aLdx4L0y/ 有解决方案吗?

单击图像后如何播放/启动YouTubevideo?

我有一个图像,我想在我点击图像后才开始播放YouTubevideo。 我怎样才能做到这一点? 非常感谢!

使用javascript在x / y坐标处模拟单击

如何使用javascript或jquery模拟x / y坐标的单击? 我将多次使用该脚本,我希望脚本单击位置1然后位置两个然后三个然后四个一个。 没有移动鼠标光标会更好,但是如果它必须移动那么那也没关系。