草庐IT

jQuery-UI

全部标签

javascript - jQuery fadeIn 'slow' 立即出现

我试图做到这一点,以便当您单击一个链接时,它会删除一个div(带有一些段落和文本)并插入另一个div(带有一些段落和一些文本)。我正在使用jQuery淡入淡出。当您单击链接时,原始div的淡出起作用,然后我有一个开关盒来确定淡入的内容。但是,设置为“慢”的淡入似乎立即发生。这里是相关的一段代码(其余只是其他情况):$(document).ready(function(){$('.nav-link').click(function(){varlinkClicked=$(this).attr("id");$('.content').fadeOut('fast');switch(linkCl

javascript - 发生事情时调用 jQuery

所以我正在使用jQueryMasonry,我想在每次加载帖子时调用一些jQuery:functionmanipulate(id){$(id).each(function(){if($(this).height()>200){$('#container2').append(this);}else{$('#container').append(this);};});};因此,每次加载Masonry容器中的下一项时,我都想调用此函数。这样它就能以正确的方式操作项目。我该怎么做?更新:Masonry的描述Masonry是一个Javascript插件,就像强制完美适应CSSfloat+无限滚动。

javascript - jQuery getScript 问题

虽然似乎很多人似乎都在StackOverflow上遇到过这个问题,但我还看到了它为什么出错的描述(1、2、3)我的代码(用于测试目的):jQuery.getScript("res/fader.js",function(){alert("loaded");});在Chrome(16)中完美运行。在Firefox(11)中,firebug控制台显示正在请求的脚本和预期的响应(包括application/javascript的mimetype)。但是没有警觉。没有错误。什么都没有。如果我随后尝试在脚本中引用一些本应加载的内容,它仍然是未定义的(这是在onload事件发生几秒钟之后,并且在控制

javascript - Bootstrap 下拉事件不适用于 bootstrap-ui

根据http://getbootstrap.com/javascript/#dropdowns打开/关闭下拉列表时会抛出事件(例如,show.bs.dropdown、hide.bs.dropdown)。这一直有效,直到模块bootstrap-ui处于事件状态。我创建了一个plunkr来显示问题http://plnkr.co/edit/luYpweQZx22IkWHeMKhM.移除对ui.boostrap的依赖时会抛出事件,即varapp=angular.module('myapp',['ui.bootstrap']);替换为varapp=angular.module('myapp',[

javascript - Jquery $(element).contents().first().text ("new text") 不起作用?

我在Google或此处找不到任何相关信息。我有一个div,里面有一些文本和一些html:http://somewebsite.com/big/long/unfriendly/path/我想做的是添加一个在每个斜线之后。(因为该值不会以其他方式换行并弄乱了我的表格)。在$('#test-div').html()上做一个简单的替换也会与强标签混淆,所以这不是一个选项。我想使用$('#test-div').contents()过滤掉文本部分(递归地)会起作用。但是我似乎无法编辑返回的各个位。我希望这会改变http://部分:$('#test-div').contents().first().

javascript - 使用jquery异步上传文件的操作

我想使用jQuery异步上传文件。这是我的HTML:这是我的JavaScript代码:$(document).ready(function(){$("#upload").click(function(){varfilename=$("#f").val();$.ajax({type:"POST",url:"addFile.do",enctype:'multipart/form-data',data:{file:filename},success:function(){alert("AllFilesHaveBeenUploaded");}});});});我只得到文件名而不是我上传的实际文

javascript - 如何使用 Draggable 和 Selectable JQuery 将一个或多个项目拖动到一个元素

我想知道如何将一个或多个项目(在我的案例中是个人记录,通过他们的头像照片)拖动到目标(在我的案例中是城市列表),然后更新拖动项目的数据库包含他们被拖到的项目的详细信息。我目前正在为单个项目工作。我有一个侧边栏,其中包含我使用EntityFramework从数据库中检索到的位置列表:SydneyBrisbaneMelbourne在我的主窗口中,我有一个人物图像网格,我正在使用可选择的JqueryUI来启用这些图像:@foreach(variteminModel.People){}$(function(){$("#selectable").selectable({selected:func

javascript - jquery for tooltip on image map area shapes

我已经开始使用我发现的一些jquery示例为图像映射创建悬停时的自定义工具提示。$(function(){$(document).tooltip();});Youruserid:当我将鼠标悬停在图像映射区域上时,它会在屏幕左上角弹出工具提示,而不是靠近鼠标指向的位置。它出现在每个形状的相同位置。对于其他元素,例如我在此处包含在图像下方的“标签”演示,工具提示会出现在标签的右侧,它应该在的位置。我尝试根据whatIseehere添加位置信息,但我添加的任何内容要么没有效果,要么使代码无效,我什么也得不到。如果我添加此职位信息,我看不到任何变化:$(document).tooltip({m

javascript - jQuery - 检测使用 .val() 函数的值变化

我们都知道使用val()不会触发change事件,所以我们也使用.trigger('change')在val()后面。但问题是有人编写了val()并没有使用trigger()并且它是一个我无法编辑的外部文件。那么,我如何通过如下代码检测值的变化:$('.elem').on('change',function(){//dosomething}); 最佳答案 我的建议是覆盖jquery的val()varoriginalValFn=jQuery.fn.val;jQuery.fn.val=function(){this.trigger('c

javascript - 将 jQuery 变成 Angular,修复侧边栏不起作用(?)

我正在将jQuery插件转换为Angular指令,但仍然无法正常工作,或者:根本无法工作。ThisisthebehaviorIwanttoachieveHereisajsfiddlealso请记住,我想要通过此实现的是左侧边栏上到处都显示“粘性”的行为。我是用jQuery做的(我是Angular的新手),我需要让它与Angular一起工作。请去看看PlunkrExample,那种行为,就是我想要的。如果你们中的一些人花时间帮助我,请提前致谢。查看jQuery代码:$(function(){varoffset=$("#sidebar").offset();vartopPadding=85