Questions tagged «jquery-ui»

jQuery UI是在jQuery JavaScript库之上构建的一组精选的用户界面交互，效果，小部件和主题。

8
使用JQuery的垂直标签？
我希望标签位于页面的左侧而不是顶部。由于其他原因（效果），我已经在加载jQuery，因此与其他UI框架相比，我更喜欢使用jQuery。在“垂直选项卡jquery”上进行搜索会产生指向正在进行中的作品的链接。 使“垂直制表符”在浏览器之间运行是一件令人烦恼的事情，还是太琐碎了，一旦有了解决方案，似乎就不值得发布示例代码了吗？
15
jQuery scrollTop在Chrome中不起作用，但在Firefox中起作用
我使用scrollTopjQuery中的函数导航到顶部，但是奇怪的是，在进行了一些更改后，“平滑动画滚动”在Safari和Chrome中停止工作（滚动时没有平滑动画）。 但是它在Firefox中仍然可以正常运行。有什么事吗 这是我使用的jQuery函数， jQuery的： $('a#gotop').click(function() { $("html").animate({ scrollTop: 0 }, "slow"); //alert('Animation complete.'); //return false; }); 的HTML <a id="gotop" href="#">Go Top </a> 的CSS #gotop { cursor: pointer; position: relative; float: right; right: 20px; /*top:0px;*/ }
10
将CSS应用于jQuery对话框按钮
因此，我目前有一个带有两个按钮的jQuery对话框：保存和关闭。我使用以下代码创建对话框： $dialogDiv.dialog({ autoOpen: false, modal: true, width: 600, resizable: false, buttons: { Cancel: function() { // Cancel code here }, 'Save': function() { // Save code here } }, close: function() { // Close code here (incidentally, same as Cancel code) } }); 但是，使用此代码时，两个按钮的颜色相同。我希望我的“取消”按钮与“保存”使用不同的颜色。有没有办法使用一些内置的jQuery选项来做到这一点？我从文档中没有得到太多帮助。 请注意，我正在创建的“取消”按钮是预定义的类型，但是“保存”是我在定义自己。不知道这是否对这个问题有影响。 任何帮助，将不胜感激。谢谢。 更新：共识是这里有两条路可走： 使用Firefox插件检查HTML firebug），并注意jQuery将jQuery应用于按钮的CSS类，并尝试重写它们。注意：在我的HTML中，两个按钮都使用了完全相同的CSS类，并且没有唯一的ID，因此没有此选项。 在对话框打开时使用jQuery选择器来捕获我想要的按钮，然后向其添加CSS类。 …
3
如何在jQuery中为getJSON设置cache false？
我getJSON用来从服务器端获取结果，但面临浏览器缓存问题。我希望缓存为假。我在getJSON致电之前尝试使用此功能。 $.ajaxSetup({ cache: false }) 但是我没有得到预期的结果。它仍然显示旧结果。 我还确定了其他解决方案，例如使用，.ajax但我真的不想使用它。
1
使用可排序HTML表格的jQuery UI
我想在HTML表格中从数据库中输出一些数据，并且希望用户能够对表格行进行重新排序。为此，我使用了可排序的jQuery UI，因此： <script> $(function() { $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); }); </script> <?php while($row = mysql_fetch_assoc($co_authors)) { echo "<tr id='sortable'><td>{$row['author_email']}</td> <td>{$row['coauthor_level']}</td>"; <td><button class='remove' id='remove' name='remove' email="<?php echo $row['author_email'] ?>" paper="<?php echo $row['paper_id'] ?>">Remove</button></td> </tr>"; } ?> 问题是当我拖动表格时tr，只会td被拖动。而且，最重要的是，只有第一行是可拖动的：该效果不会应用于其他行。我该如何解决？
21
jQuery Draggable在页面滚动后将助手显示在错误的位置
我使用jQuery可拖动和器可弃的工作规划系统我发展。用户将作业拖到其他日期或用户，然后使用ajax调用更新数据。 一切正常，除非我向下滚动主页（作业出现在一个大的周计划器上，超过了我的浏览器窗口的底部）。如果我尝试在此处拖动可拖动元素，则该元素在鼠标光标上方显示的像素数与向下滚动时的像素数相同。.悬停状态仍然可以正常工作，并且功能正常，但是看起来不正确。 我正在使用jQuery 1.6.0和jQuery UI 1.8.12。 我确定我需要添加一个偏移函数，但是我不知道在哪里应用它，或者是否有更好的方法。这是我的.draggable()初始化代码： $('.job').draggable({ zIndex: 20, revert: 'invalid', helper: 'original', distance: 30, refreshPositions: true, }); 知道我该如何解决吗？
12
jQuery UI对话框-关闭后无法打开
我有一个问题jquery-ui dialog box。 问题是，当我关闭对话框然后单击触发它的链接时，除非刷新页面，否则它不会再次弹出。 如何在不刷新实际页面的情况下回呼对话框。 下面是我的代码： $(document).ready(function() { $('#showTerms').click(function() { $('#terms').css('display','inline'); $('#terms').dialog({ resizable: false, modal: true, width: 400, height: 450, overlay: { backgroundColor: "#000", opacity: 0.5 }, buttons:{ "Close": function() { $(this).dialog("close"); } }, close: function(ev, ui) { $(this).remove(); }, }); }); 谢谢
8
如何在JQuery UI自动完成中使用source：function（）…和AJAX
我需要有关JQuery UI自动完成功能的帮助。我希望我的文本字段（.suggest-user）显示来自AJAX请求的名称。这就是我所拥有的： jQuery("input.suggest-user").autocomplete({ source : function(request, response) { var name = jQuery("input.suggest-user").val(); jQuery.get("usernames.action?query=" + name, function(data) { console.log(data); // Ok, I get the data. Data looks like that: test = data; // ["one@abc.de", "onf@abc.de","ong@abc.de"] return test; // But what now? How do I display my data? }); }, minLength : …
12
jQuery UI Slider（以编程方式设置）
我想即时修改滑块。我试图通过使用 $("#slider").slider("option", "values", [50,80]); 该调用将设置值，但该元素不会更新滑块位置。呼唤 $("#slider").trigger('change'); 也无济于事。 还有另一种/更好的方法来修改值和滑块位置吗？
78 jquery  jquery-ui 
6
jQuery Draggable和溢出问题
关闭。这个问题需要调试细节。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow的主题。 6年前关闭。 改善这个问题 当我从设置为溢出的容器div中拖动div时，会产生不期望的效果：滚动。 我找到了其他人遇到问题的示例，但是我找不到解决方案 粘贴箱示例 发生的事情是滚动只是增加了，我可以理解为什么如果您想拖动到可滚动div内的目标位置，但是我希望能够将其移出滚动控制范围之外，这将是理想的行为。
15
jQuery datepicker防止过时的日期
如何禁用jQuery datepicker上的过去日期？我在寻找选项，但似乎找不到任何能禁用过去日期的功能。 更新：感谢您的快速反应。我没有运气尝试过。日子仍然没有像我期望的那样变灰，仍然接受所选的过去日期。 我尝试了这个： $('#datepicker').datepicker({ minDate: '0' }); 不起作用 我尝试了这个： $('#datepicker').datepicker({ minDate: new Date() }); 仍然不起作用。 它可以很好地显示日历小部件。它只是不会变灰或阻止过去几天的输入。过去我一直没有尝试过minDate和maxDate，所以我认为它一定不是它们。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.