Tag: jquery ui

拖动和调整div重叠的其他div

我是堆栈溢出的新人。 我需要你的帮助。 我从网上获得了jquery resize小部件，并尝试实现我的源代码。 它仅适用于一个小部件。 如果我将相同的resizefunction放在同一页面中的多个小部件中，它会在小部件resize时重叠。 当我调整最后一个小部件时，还有一个信息，它不会受到影响（重叠）到其他小部件。 我的代码CSS .widget1 { width:150px; min-height:120px; border:1px solid green; } .widget2 { width:150px; min-height:120px; border:1px solid blue; } .widget3 { width:150px; min-height:120px; border:1px solid black; } Js二手 $(function() { $(“.drag_resize”).draggable().resizable(); }); HTML Dummy contents 1 Dummy contents 2 Dummy contents 3

jQuery选项卡，从内部链接到另一个选项卡

我有jQuery ui标签 ，我希望能够从链接（当前标签页或页面内部或外部）打开标签 如果链接在外部页面中，它确实有效，如下所示： http://server.com/view.php?id=130#section-2 这样就可以正确打开标签“section-2” 问题是当链接在同一页面时，它不刷新页面（因为它只是添加＃section-2）所以选项卡没有被选中。 我看到一些答案示例使用标签中的id并在jQuery中绑定click，但我不能使用它，因为我的一些链接是计算的，我不知道它们是指向内部还是外部。

jQuery Accordion + ASP：MultiView

我的问题类似于这里提出的问题，但是那里的解决方案对我来说理解/请求更多细化和/或代码示例并不够简单： ASP.Net MultiView和JQuery手风琴 我在base.aspx上初始化了一个jQuery UI手风琴 $(document).ready(function () { var icons = { header: “ui-icon-circle-arrow-e”, headerSelected: “ui-icon-circle-arrow-s” }; $(“#accordion1”).accordion({ autoHeight: false, icons: icons, event: “mouseover” }); }); 然后在我的手风琴DIV中，我调用了几个用户控件，每个手风琴部分对应一个： 这些控件中包含一个ASP：MultiView，其中包含两个索引0和1.它们默认为0.在Index0中有一个按钮，如果单击该按钮，则启动View1。 当我显示默认的Index0（在页面加载时），手风琴的一切都运行良好。 但是在单击触发View1的按钮时，我失去了jQuery手风琴的function…根据另一篇文章，似乎jQuery绑定在多视图切换时被破坏了？

如何在jQuery.ui选项卡中更改背景颜色

我想在jquery.ui选项卡中更改选项卡的背景颜色。 通常它默认使用颜色。 我的代码是 Home Home MY DATA MY DATA 2nd $( “#tabs” ).tabs(); $(‘#tabs’).bind(‘tabsshow’, function(event, ui) { $(‘#tabs’).css(‘background-color’, ‘#231f20’); }); 提前致谢

jQuery手风琴 – 链接打开某些div

我正在做一个噩梦试图让这个工作（并查看其他post，但我仍然有问题）。 基本上我有这样的链接： /test.php#bob 在test.php我有这个： Customer care xxxxxxxxxxxxx Strong leadership from start to finish fffffffffff Certainty of delivery, no matter how complex or difficult dddddddddd 在jQuery我有这个： $(“.accordion”).accordion({ autoHeight: false, collapsible: true, navigation: true, active: ‘none’ }); 但我仍然无法通过链接打开#bob面板。 有任何想法吗？ 我把头发拉了出来。 一个。

jQuery：为什么这个警报没有被解雇？

破解演示： http ： //jsfiddle.net/sTzCS/52/ 如果你去小提琴，你应该能够将列表中的团队拖放到新的订单中。 您还可以输入您认为每个团队将在整个赛季中获得的积分值。 完成重新排列后，jQuery会读取排序顺序，并尝试获取每个团队的输入值。 小提琴中的警报（我为测试目的创建的）应该显示您放在第一位置的团队以及您希望他们获得的积分数量。 但是，警报没有解雇。 jLint说代码是有效的。 我正在使用警报来确保我实际上获得了正确的值。 你能解释为什么警报不起作用吗？ <form Canucks Toronto Montreal Ottawa Calgary Edmonton Winnipeg jQuery的 $(“#sortlist”).sortable({ stop: function(event, ui) { result = $(“#sortlist”).sortable(“toArray”); var attributes; attributes = { first: { team: result[0].id, value: result[0].children()[0].val() }, second : { team: result[1].id, value: result[1].children()[0].val() }, third: { team: result[2].id, value: result[2].children()[0].val() […]

在Google App Scripts上使用jQuery手风琴中的表单结构

我在谷歌应用程序脚本中的HTML服务上使用手风琴结构（jQueryUI）中的表单。 表单结构看起来像这样： 相关代码如下： Academic Information Choose from a Student Type: Resident Student Non-Resident Student Stipulated period of Education : 4 Years – 15 cr./semester 5 Years – 12 cr./semester 6 Years – 10 cr./semester 7 Years – Non-Traditional 8 Years – Non-Traditional Campus Housing What is the nature of Housing Plan you wish to subscribe: […]

Jquery插件与javascript

有人可以解释下面的利弊。 我有一个函数来获取url querystring参数，但我需要知道哪个是编写函数的最佳方法。 例如：如果我使用jquery插件样式创建函数，那么每次我需要使用目标元素来访问函数，如下所示 $(“#targetDom”).getQueryString(“name”); 但是，如果我使用javascript类或javascript设计模式创建函数，它将是 getQueryString(“name”); 这是一个小例子，但考虑到大型应用哪种方法最好？ 使用jquery插件方式有什么不利之处吗？ 问候， 纳文

JQuery UI – 更改按钮类

对于标准的JQuery UI对话框小部件，有人可以解释如何更改按钮上的CSS类吗？ 我的addClass（）调用不起作用。 $(“#dialog-message”).dialog({ modal: true, buttons: { Ok: function () { $(this).dialog(“close”); $(this).addClass(“btn”); } } });

jquery sortable（）如何仅在正确的位置突出显示项目

我使用sortable（）获取5个对象的列表。 我把它们装在随机位置。 我想要： 当用户将其拖动到正确位置时，能够突出显示该项目。 当所有物品都处于正确位置时获得反馈 到目前为止2工作正常，但我似乎只有当他们在正确的位置时才能让项目突出显示。 sym.$(‘container’).html(“”); function loadLogs(){ if(i<4){ i++; // loads image from question set sym.$('#sortable').append("”); } sym.$(‘#sortable’).sortable({ update: function () { save_new_order(); } }); } sym.$(“logButton”).bind(‘click’,function(){ loadLogs(); }); function save_new_order() { var order = sym.$(‘#sortable’).sortable(‘toArray’); if(order[0] == 1 && order[1] == 2 && order[2] == 3 && order[3] == 4 && order[4] […]