Tag: 用户界面

jQuery切换到更改图像: 我有一个包含图像的div列表：当用户点击div时，我希望它将图像更改为x-on.png，再次单击时，它将更改为x-off.png，第三次单击时应恢复为x。 PNG。是否可以在不为每次图像更改手动指定jQuery的情况下执行此操作？我可以遍历div并找到图像名称，只需将-off / -on附加到图像上吗？谢谢！

jQuery UI自动完成 – 从txt文件中获取数据: 我是jQuery初学者，试图让jQuery UI Autocomplete从txt文件中获取数据。 Txt格式很简单： USER1 用户2 用户3 等等代码是： jQuery.get(‘users.txt’, function(usersGet) { $( “#userLogin” ).autocomplete( { source: usersGet }); }); 但不幸的是，这不起作用。你能帮忙吗？谢谢！

使用JQuery UI将单选按钮转换为滑块元素: 我有一个用单选按钮渲染的表单，如下所示： How long is your hair? Short Medium Long 大约有15个这样的问题，我想用滑块渲染整个表单，使用JQuery（Jquery UI似乎是最有可能的候选者）。我找到了一些用于将选择框转换为滑块的插件（例如selectToUISlider ），但没有用于单选按钮。我确信有可能使用标准UI Slider以某种方式滚动我自己，但我真的不知道从哪里开始。有没有人已经插上电源来实现这一目标？

如何将自定义类添加到我的JQuery UI Datepicker: 我有几个输入触发JQuery UI datepickers，例如对于每个创建的jquery UI datepicker，我想根据触发它的输入ID分配一个自定义类，即.one ， .two ， .three 因此，如果第一个输入触发了datepicker，则生成的HTML将如下所示：注意第一类这可能吗？ datepicker的’ create ‘方法对我来说似乎不起作用……

JQuery UI Tabs缓存: 我在ASP .net MVC应用程序中工作。我有一个JQuery UI选项卡，其Javascript启用缓存如下。 function LoadStudentDetailTabs() { $(‘#tabStudentDetail’).tabs({ cache: true, spinner: ”, select: function(event, ui) { $(“#gridSpinnerStudentDetailTabs h5”).text(“Loading Details…”); $(‘#tabStudentDetail > .ui-tabs-panel’).hide(); $(“#gridSpinnerStudentDetailTabs”).show(); }, load: function(event, ui) { $(“#gridSpinnerStudentDetailTabs”).hide(); $(‘#tabStudentDetail > .ui-tabs-panel’).show(); }, show: function(event, ui) { $(“#gridSpinnerStudentDetailTabs”).hide(); $(‘#tabStudentDetail > .ui-tabs-panel’).show(); } }); } 我使用list1，tab2，tab3列表构建了三个标签项。现在发生的事情是，当标签被构造时，它为所有标签项启用了cahing。但是，如何根据需要单独设置缓存到这些选项卡项。说（tab1缓存，tab2没有缓存，tab3缓存）我只能看到一种方法将缓存应用于整个选项卡，而不是根据需要将缓存应用于单个选项卡项。我还需要动态地启用或禁用对这些选项卡项（tab1，tab2，tab3）的缓存。我怎样才能做到这一点。任何帮助，将不胜感激？

jquery ui自动完成数据库: 我是JQuery的新手，也许还想尝试为初学者创造一些可能更难实现的东西。但是，我正在尝试创建一个自动完成，将当前值发送到PHP脚本，然后返回必要的值。这是我的Javascript代码 $(“#login_name”).autocomplete({ source: function(request, response) { $.ajax({ url: “http://www.myhost.com/myscript.php”, dataType: “jsonp”, success: function(data) { alert(data); response($.map(data, function(item) { return { label: item.user_login_name, value: item.user_id } })) } }) }, minLength: 2 }); 这是“myscript.php”的后半部分 while($row = $Database->fetch(MYSQLI_ASSOC)) { foreach($row as $column=>$val) { $results[$i][$column] = $val; } $i++; } print json_encode($results); 这产生以下输出 [{“user_id”:”2″,”user_login_name”:”Name1″},{“user_id”:”3″,”user_login_name”:”Name2″},{“user_id”:”4″,”user_login_name”:”Name3″},{“user_id”:”5″,”user_login_name”:”Name4″},{“user_id”:”6″,”user_login_name”:”Name5″},{“user_id”:”7″,”user_login_name”:”Name6″}] 谁能告诉我哪里出错了？开始变得非常沮丧。 […]

如何使用滚动条可靠地获得屏幕宽度: 有没有办法可靠地告诉浏览器的视口宽度，包括滚动条，而不是浏览器窗口的其余部分）？这里列出的所有属性都没有告诉我屏幕的宽度包括滚动条（如果有的话）

使用jQuery UI调整iFrame大小: 我有这个代码，它工作正常：头 $(document).ready(function() { $(“#test”).resizable({minHeight: 50, minWidth: 50}); }); 身体但是当我将“div”改为“iframe”时，我再也无法调整它了。身体

Javascript：用户完成滚动后执行操作: 我正在试图找到一种方法来做到这一点。我有一个盒子列表，每个大约150px高。我正在使用javascript（和jquery），并希望在用户向下滚动页面后，页面将自动滚动，以便框与页面的其余部分对齐（也就是说，如果用户滚动和y页面的位置不能被150整除，它将滚动到最近的点）。现在，我现在知道我可以使用.scroll() jquery事件激活一个事件，我可以使用.scrollTop()将其移动到某一点。但是用户移动滚动条的每个像素都会激活整个function。那么有没有办法延迟function从触发直到用户没有滚动，如果他们应该再次开始滚动，该function将停止？