Tag: 用户界面

如何禁用页面上的所有按钮和链接，但仍然会发生回发？: 我试图阻止用户点击页面上的多个回发导致元素。换句话说，如果他们点击“继续”提交按钮，他们就不应该在原始请求返回之前导致另一个回发。我有两个版本的jQuery代码。也不是我想要的：此版本将禁用所有回发元素，但这样做会阻止单击元素触发。为了记录，我不认为.removeAttr(‘onclick’)确实是必需的，但是将其删除似乎并没有改变行为。 $(function() { $(‘a, :button, :submit’).click(function() { var elements = $(‘a, :button, :submit’); elements.attr(‘disabled’, ‘disabled’).removeAttr(‘onclick’); }); }); 此版本禁用所有其他回发元素，但它允许我重复使用单击的相同元素 – 我不希望能够按两次相同的按钮。 $(function() { $(‘a, :button, :submit’).click(function() { var otherelements = $(‘a:not(#’ + $(this).attr(‘id’) + ‘), :button:not(#’ + $(this).attr(‘id’) + ‘), :submit:not(#’ + $(this).attr(‘id’) + ‘)’); elements.attr(‘disabled’, ‘disabled’).removeAttr(‘onclick’); }); }); 我该如何防止这种行为？

Jquery UI Datepicker onclick事件: 我想在用户点击活动日期时打开一个url。我使用jQuery UI Datepicker，我没有看到问题出在哪里。这是我的代码： $(document).ready(function() { var events = [ { Title: “titre”, Idevent: “1”, Date: new Date(“05/20/2012”)}, { Title: “test24”, Idevent: “3”, Date: new Date(“06/14/2012”)} ]; $(“#calendarcaps”).datepicker({ beforeShowDay: function(date) { var result = [true, ”, null]; var matching = $.grep(events, function(event) { return event.Date.valueOf() === date.valueOf(); }); if (matching.length) { result = [true, […]

活动边框（.showBorder）在文本移动时居中: // Get references to the two sets of boxes var numbers = document.querySelectorAll(“.clicked”); var letters = document.querySelectorAll(“.border”); // Turn each node list into proper arrays: numbers = Array.prototype.slice.call(numbers); letters = Array.prototype.slice.call(letters); // Loop through all the number boxes numbers.forEach(function(box, index) { // Set up the click event handlers for all the number boxes box.addEventListener(“click”, function() […]

jQuery UI对话框，打开对话框后如何更改文本: 我想在运行与按钮关联的function之前单击对话框中的按钮并更改消息区域上的文本，或者只是将文本更改为function的一部分。

ASP.NET，jQuery UI对话框在页面中显示1-2秒: 我有一个ASP.NET页面，我将检查用户是否已登录到系统（通过检查会话值）页面加载，如果没有登录，它将显示登录的jQueryUI对话框。我的ASPX页面在head标签中包含这些脚本 body { font-size: 62.5%; } label, input { display:block; } input.text { margin-bottom:12px; width:95%; padding: .4em; } fieldset { padding:0; border:0; margin-top:25px; } h1 { font-size: 1.2em; margin: .6em 0; } div#users-contain { width: 350px; margin: 20px 0; } div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; } div#users-contain table td, […]

根据可拖动元素滚动div: 这基本上就是我想要的：我想通过使用另一个用jquery draggable绑定的元素向上和向下滚动一个包含很长内容的div。 $(“#controller”).draggable({ revert: false, containment: “parent”, axis: “x”, create: function(){ $(this).data(“startLeft”,parseInt($(this).css(“left”))); $(this).data(“startTop”,parseInt($(this).css(“top”))); }, drag: function(event,ui){ var rel_left = ui.position.left – parseInt($(this).data(“startLeft”)); var rel_top = ui.position.top – parseInt($(this).data(“startTop”)); } }); 这是一个提供更多信息的小提琴： http ： //jsfiddle.net/xNLsE/4/

覆盖特定组件上的jQuery UI样式: 尽管我喜欢themeRoller，但我希望能够操作和替换我的一些jQuery UI组件的css样式，尤其是按钮。我已成功改变字体和大小，但我无法更改背景图像和填充。我在主题css文件中四处寻找希望找到覆盖的东西，但似乎没有任何效果。有人能给我一些关于如何正确实现以下代码的见解吗？：P .CSS文件 #create-user .ui-button { background-image: none; } .xhtml文件 Create

jQuery Ui日历，添加所选日期的链接？: 您好我使用jQuery UI日历来显示我的事件，设计很光滑，它完美地工作。但是，我想添加指向我的活动的链接（在我的日历上突出显示的日期），我找不到任何可以帮助我编写代码的内容。这是我的代码，用于选择我想要的日期并添加事件名称的工具提示： $(“#div-calendar”).datepicker({ beforeShowDay: highlightDays }); var dates = //Array Containing Events dates, names and link. //Highlight days on the calendar function highlightDays(date) { for (var i = 0; i < dates.length; i++) { if (date – dates[i][0] == 0) { return [true, '', dates[i][1]]; } } return [false]; } 我找到的唯一语法是： return [true, […]

克隆元素后Jquery UI Datepicker不起作用: 我有克隆元素的问题，克隆元素后jQuery UI DatePicker不起作用。链接到示例： http ： //jsfiddle.net/V25qA/1/ 。

JQuery Tools工具提示VS JQuery UI工具提示: 在我的一个项目中，我使用了JQuery Tools Tooltip，它运行得很好。 http://flowplayer.org/tools/tooltip/index.html 我刚刚注意到，JQuery UI也在1.9中发布了一个工具提示： http ： //docs.jquery.com/UI/API/1.9/Tooltip 我应该切换到这个吗？