草庐IT

jquery滑动侧边栏从左到右

全部标签

javascript - 基于 jQuery 的 Splitter 插件

我需要创建如下布局;现在如您所见,我想要围绕单元格中心调整大小的单元格,即单元格左侧和单元格右侧我在http://methvin.com/splitter/3csplitter.html使用了jQuery插件实现相同的目标。但我还需要创建4个portlet(正如您在cell-center中看到的那样)。我出于同样的原因使用了jQueryUI,但出于某些原因,这2个运行得不是很好(3cSplitter和jQueryUIPortlets)...布局完全被破坏了...不确定它是否与绝对定位有关...但我的问题是,我可以使用jQueryUI来实现类似的拆分器吗?我在http://jqueryu

javascript - 获取唯一选择器 jQuery

我需要能够为页面上的每个元素获取一个独特的选择器。例如,当我点击一个元素时,我想做这样的事情:$(document).click(function(){varsel=getUniqueSel(this);});因此,在将sel值存储在数据库中后,我可以获得该值并通过以下方式简单地访问该元素varel=$(sel);我无法更改并且对页面的HTML结构一无所知,我不能简单地向每个元素添加唯一ID(使用JS),因为这样效率很低。 最佳答案 另一种方法可能是在dom树上漫游并创建一个元素的路径,您可以保存它并稍后再次将其用作选择器,尽管这可

javascript - 如何获取模态框jquery UI的输入值

{%csrf_token%}如何从以下位置获取EMAIL值:到:从这里开始:functionshowDialog(){$("#dialog-modal").dialog({});} 最佳答案 使用对话框打开时调用的对话框打开事件...所以替换那里的值..$("#dialog-modal").dialog({open:function(event,ui){varboxInput=$("#befor-box").find('input[name="email"]').val();//getthevalue..$("#dialog-mod

javascript - 使用 jQuery 将 'script' 放在 BODY 标记的末尾之前

这是我想要在“body”标签之前的“脚本”:varvglnk={api_url:'//api.viglink.com/api',key:'89dcd0a12ff35d227eaaaff82503030b'};(function(d,t){vars=d.createElement(t);s.type='text/javascript';s.async=true;s.src=('https:'==document.location.protocol?vglnk.api_url:'//cdn.viglink.com/api')+'/vglnk.js';varr=d.getElementsBy

javascript - jQuery.ajax() 无法向某些 URL 发送请求,但不会向其他 URL 发送请求

在我们的Rails应用程序中,我们有一个内联编辑功能,可以将PUT更改回服务器。PUT的URL根据正在编辑的对象类型/用户所在的页面而变化,但相同的JavaScript支持所有页面上的功能。我遇到了一个问题,即jQuery的AJAX请求有时会在不接触服务器的情况下失败,并且除了“错误”之外,它们没有给出任何错误消息。我一直试图在控制台中对此进行调试,但没有成功。极其奇怪的部分是,它似乎是由于传递给$.ajax()的URL中的某些内容导致了问题。在控制台中,这按预期工作:>errorCallback=function(jqxhr,status,err){console.log("Ajax

javascript - 如何使用 JQuery InsertAtCaret 函数

我找到了JQueryInsertAtCaret函数Here但是没有详细说明如何使用它。我已经尝试了很多来了解如何使用它,但找不到任何方法。这是函数。$.fn.insertAtCaret=function(myValue){returnthis.each(function(){varme=this;if(document.selection){//IEme.focus();sel=document.selection.createRange();sel.text=myValue;me.focus();}elseif(me.selectionStart||me.selectionStart

javascript - 我可以使用 jquery 确定设备是纵向模式还是横向模式吗?

我想根据用于查看网站的设备是纵向/垂直还是横向/水平模式/方向,有条件地更改用户在我要创建的照片库网站上看到的内容。这可能吗? 最佳答案 尝试使用orientationchange事件处理程序,如下所示:$(window).bind("orientationchange",function(evt){alert(evt.orientation);});这是jQueryMobileentry检测并触发orientationchange事件。 关于javascript-我可以使用jquery

javascript - 从一组 jQuery 元素中选择个体

如果我使用jquery选择我所有的文本输入:varinputs=$('#forminput[type="text"]');它们被包裹在jQuery中。我可以用它们做任何我想做的事。inputs.css('height','1000px');//muhahaha!作为一个群体,他们遵守。但我似乎错过了什么。我知道我可以单独看到每一个,就好像它是一组对象一样。console.log(inputs[0]);//但是上面的输出只是html;当我这样做时,它不再是一个jQuery对象:(inputs[0].css('font-size','100px');//UncaughtTypeError:

javascript - 仅当表单已提交时才触发 jQuery 表单验证?

非侵入式验证基于这样的想法,即在用户提交表单之前不进行表单验证;一旦发生这种情况,如果表单上的某些内容无效,则在用户更改后立即验证每个字段。我想做的是“不显眼地”触发对表单元素的验证——也就是说,仅在用户已经尝试提交表单时验证表单元素。所以我可以像这样触发一个元素的验证(当某个复选框被更改时我会这样做):$('#chkNoPersonId').change(function(){$('#lstPersonId').valid();});但问题在于,这将总是导致lstPersonId被验证并在无效时显示错误,即使用户尚未提交形成一次。我希望仅在用户尝试提交表单后才对其进行验证。是否有一些

javascript - 在 jQuery Mobile 中动态添加可折叠集和嵌套列表

我正在添加listview在collapsible里面动态地。在该列表中,我试图添加一个嵌套列表。当我点击节点,pageinit事件被触发而不是click事件。单击相同的li时会触发单击事件第二次。jsFiddle-http://jsfiddle.net/5zJC5/HTML:jQuery:$(document).ready(function(){varul=$("#mainColl");varcollapsible=$('');collapsible.append('Collapsible');varlist=$('');list.append('List');for(varj=0;