Tag: jQuery

使用jQuery来select一个下拉选项: 我想知道是否有可能得到jQueryselect一个选项，说第四项，在下拉框？ <select> <option></option> <option></option> <option></option> <option></option> <option></option> </select> 我希望用户点击一个链接，然后让select框更改它的值，就好像用户通过点击选项来select它。

在Ajax调用中显示进度的最佳方式是什么？: 我有一个Ajax调用，更新数据库中的5,000条logging，所以这需要很多时间。我有一个Ajax的“加载图像”显示正在发生的事情，但我正在寻找一个更好的方式来显示“更新5000 5000 …”，“更新200 5000”，或类似的东西。在Ajax / jQuery中做这样的事情的最佳方式是什么？

如何使用JavaScript打开文件/浏览对话框？: 当使用javascript单击<a href>链接时，是否有任何方法可以打开浏览文件对话框？它应该像一个普通的文件浏览button，并提供响应中select的文件的名称/列表。

如何扩展Twitter Bootstrap插件: 我正在挖掘Twitter的Bootstrap，现在想尝试添加一些function的插件，但我不知道如何做到这一点。以模式插件为例（ http://twitter.github.com/bootstrap/javascript.html#modals ），我想添加一个新的function插件，可以被称为一个标准的插件方法。最接近我认为我来了是用下面的代码，但是当我尝试访问时，所有我得到的是该函数不是对象的一部分。有什么build议么？这是我所尝试的，似乎是最接近我需要做的事情： $.extend($.fn.modal, { showFooterMessage: function (message) { alert("Hey"); } }); 那么我想打电话给它，如下所示： $(this).closest(".modal").modal("showFooterMessage"); 编辑：好的，我想通了如何做到这一点： (function ($) { var extensionMethods = { displayFooterMessage: function ($msg) { var args = arguments[0] var that = this; // do stuff here } } $.extend(true, $.fn.modal.Constructor.prototype, extensionMethods); })(jQuery); 现有的Bootstrap插件的问题是，如果有人想扩展它们，新的方法都不能接受参数。我试图“解决”这个是在插件函数调用中添加参数的接受。 $.fn.modal = function (option) { […]

Jquerycheckbox全选: 我不是jQuery的专家，但我已经尝试为我的应用程序创build一个小脚本。我想检查所有的checkbox，但它不能正常工作。首先我尝试使用attr ，之后我尝试了prop但是我做错了什么。我先试了一下： $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').attr('checked','checked'); } else { $('input:checkbox').removeAttr('checked'); } }); 但是这不起作用。下一步：这比上面的代码更好 $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').prop('checked',true); } else { $('input:checkbox').prop('checked', false); } }); 这两个例子都不起作用。我试图用Googlesearch一个答案，但没有成功。 jsFiddle： http : //jsfiddle.net/hhZfu/4/ 谢谢

在JavaScript或jQuery中监听Youtube事件: 我有一个滑块，其中包括通过iframeembedded代码embedded的4个youtubevideo http://www.youtube.com/embed/'.$i.'?enablejsapi=1 我正在尝试使四个video中的任何一个的onStateChange事件调用一个我称之为stopCycle()的函数，当video开始播放时，它将停止滑动条。内联框架没有ID。我不知道如何正确地捕捉这个事件，并可以使用任何意见，我做错了什么。 <script charset="utf-8" type="text/javascript" src="http://www.youtube.com/player_api"></script> var playerObj = document.getElementById("tab2"); // the container for 1 of the 4 iframes playerObj.addEventListener("onStateChange", "stopCycle"); function stopCycle(event) { alert('Stopped!'); }

我想沿着特定的path做一个对象的animation: 我必须移动path上的小矩形。在canvas内单击后矩形移动。当对象跳转到所需点时，我无法制作animation。请在小提琴上find代码。 HTML <canvas id="myCanvas" width=578 height=200></canvas> CSS #myCanvas { width:578px; height:200px; border:2px thin; } JavaScript的 var myRectangle = { x: 100, y: 20, width: 25, height: 10, borderWidth: 1 }; $(document).ready(function () { $('#myCanvas').css("border", "2px solid black"); var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); var cntxt = canvas.getContext('2d'); drawPath(context); drawRect(myRectangle, cntxt); […]

jquery获取加载时的iframe内容的高度: 我有一个帮助页面，help.php，我在main.php中的iframe中加载如何获取此页面的高度，一旦它加载了iframe？我问这是因为我无法将iframe的高度设置为100％或自动。这就是为什么我认为我需要使用JavaScript ..我正在使用jQuery CSS： body { margin: 0; padding: 0; } .container { width: 900px; height: 100%; margin: 0 auto; background: silver; } .help-div { display: none; width: 850px; height: 100%; position: absolute; top: 100px; background: orange; } #help-frame { width: 100%; height: auto; margin:0; padding:0; } JS： $(document).ready(function () { $("a.open-help").click(function () { […]

用jqueryreplacediv中的文本: 我有一个div像： <div id="one"> <div class="first"></div> "Hi I am text" <div class="second"></div> <div class="third"></div> </div> 我试图改变只从“嗨，我是文本”的文本到“嗨我replace”使用jQuery。这可能很容易，但我无法做到这一点。使用$('#one').text('')将清空整个#One div。