Tag: javascript

解绑内联onClick不能在jQuery中工作？: 好的，我想知道如何在jQuery中取消绑定内联onclick事件。你认为.unbind()会起作用，但事实并非如此。要自己测试一下，请使用以下HTML和JavaScript： function UnbindTest() { $(“#unbindTest”).unbind(‘click’); } function BindTest() { $(“#unbindTest”).bind(‘click’, function() { alert(“bound!”); }); } Unbind Test Bind Test Unbind Button 正如您所看到的，取消绑定并不解除内联onclick事件的绑定…但是它解除了使用bind()添加的click事件的bind() 。所以，我想知道是否有办法解除内联onclick事件，而不是执行以下操作： $(“#unbindTest”).get(0).onclick = “”; 谢谢

预加载音频文件/事件？: 在我启动基于JS的应用程序之前，我正在预加载所有资产： assets = [….]; // files $.each(assets,function(){ var r = /\.([^\.]+)$/; var ext = r.exec(this); //get file type if (ext[1] == ‘png’){ var tmp = new Image(); } else if (ext[1] == ‘mp3’){ var tmp = new Audio(); } tmp.src = this; tmp.onload = function(){ var i = assets.indexOf(this); assets.splice(i,1); if (!assets.length){ console.log(‘all loaded’); app.build(); […]

如何在不同选项卡之间拖放多个元素: 我试图在不同的选项卡之间拖放多个元素。在这个jsfiddle中，当一个项目被拖动时，我想拖动所有其他选中的项目，就像Gmail将多个电子邮件从inbox移动到另一个文件夹时一样。我认为有必要使用ui.helper但我没有足够的查询技巧。以下是我目前正在使用的代码： $( “#sortable1, #sortable2” ).sortable().disableSelection(); var $tabs = $( “#tabs” ).tabs(); var $tab_items = $( “ul:first li”, $tabs ).droppable({ accept: “.connectedSortable li”, hoverClass: “ui-state-hover”, drop: function( event, ui ) { var $item = $( this ); var $list = $( $item.find( “a” ).attr( “href” ) ) .find( “.connectedSortable” ); ui.draggable.hide( “slow”, […]

如何使用jquery突出显示所选列表项？: 我在列表中有几个项目，并希望通过应用一些CSS样式，可能是背景颜色等突出显示用户点击的项目。我的HTML看起来像这样： Thumb1 Thumb3 Thumb3 jQUery检索所选项目： $(‘.thumbnail’).click(function(e) { e.preventDefault(); ??? })

如何在任何XMLHttpRequest完成时运行一个函数？: 我正在开发一个项目，它有几个我无法改变的脚本。这些脚本通过AJAX更新页面。更新完成后，我需要运行一些代码。任何XMLHttpRequest完成后是否会触发任何事件？（或任何XMLHttpRequest状态更改？）。不幸的是，我无法访问用于发出请求的特定XMLHttpRequest对象。谢谢，

根据rails中的第一个选择列表值更改第二个选择列表: 更新了底部的答案代码对于第二个选择框，仅显示与所选team关联的staff members选择选项。形成：示例案例：用户选择另一个团队。工作人员选择选项更新以仅显示与所选团队相关联的工作人员。我知道解决方案是使用javascript，但我在rails环境中应用它时遇到了麻烦。我知道这个问题，但仍然无法将其应用到我的rails应用程序。码 #app/controllers/task_notes_controller.rb … def new @task_note = TaskNote.new @teams = Team.all.includes(:staff_members) end … #app/views/task_notes/_form.html.erb … # Currently displays all staff members on every team, no matter what team is selected. … #app/assets/javascripts/task_notes.js $(document).ready(function(){ $(“#team”).on(‘change’, function(){ alert(“The new team id is: ” + $(this).val() ); # The […]

滚动条在jQuery中出现/消失事件？: 有没有一种简单的方法在jQuery中检测滚动条何时出现并消失在有溢出的div上：auto？（就像一个事件？手指交叉……）（我不想看看div内容的高度）

如何在不实际拖放的情况下使用jQuery UI Droppable触发Drop事件？: 我有一个带有drop事件处理程序的droppable ： $(this).droppable({ drop:function(){ console.log(‘OMG You Dropped It!’); } }); 我有一个拖车： $(this).draggable(); 我想要做的是触发droppable上的drop事件处理程序而不实际拖放draggable 。我想在不实际执行行为的情况下模拟实际行为。我认为这样的事情会做： $(droppable).trigger(‘drop’, [draggable]); 不幸的是，它并不那么简单。有谁知道我怎么能做到这一点？

单击输入并从Bootstrap模式窗口点击提交按钮提交表单数据: 这是我的模态窗口中的表单：我没有关闭按钮，我已禁用关闭按下esc的窗口。我希望能够在按下提交或按回车键时提交表单数据。 Enter your Credentials Email Password Remember me 这是我正在使用的脚本： $(document).ready(function(){ $(‘#myModal’).modal(‘show’); }); function submitLogin() { $.ajax({ url:”login_mysql.php”, type:’POST’, dataType:”json”, data: $(“#login-form”).serialize() }).done(function(data){ //do something }); } $(‘#passwd’).keypress(function(e) { if (e.which == ’13’) { submitLogin(); } }); $(‘#login’).click(function(){ submitLogin(); }); 在键入密码或单击提交按钮后按Enter键，同一页面重新加载并且ajax脚本不会运行。有人能告诉我，我的脚本是否与我的模态窗口的默认设置发生冲突？

在哪里放置$（文件）.ready（function（）？: 我们经常在这里和那里阅读，我们必须将我们的js代码放在页头部分或之前（抱歉）结束正文标记。关于这一点的讨论，我只是想知道浏览器对这些东西的阅读顺序是什么（考虑到它们在这里做的相同）：我们可以放置： $(document).ready(function(){ 无论页面结构在哪里，因为我们使用的是$(document).ready还是应该将它放在head部分？任何人都可以澄清这一点。如果我的问题不明确，我可以改写。