Tag: jquery ui

事件的不需要的传播在spring应用程序中使用jquery单击

在我的spring项目中,我有一个仪表板页面,我可以在其中打开我的应用程序中的每个子页面,所有子页面都在jquery-ui对话框中打开,就像MDI类似Windows的应用程序。 我现在的问题是,在第一次点击任何链接(正常运行)之后,重复执行其他点击,导致显示多个窗口(但只有一个完全显示,所有其他只显示标题栏) )。 处理事件并打开jquery-ui对话框的代码是: $( ‘.dialog’ ).dialog({ autoOpen: false, closeOnEscape: true, closeText: “fechar”, height: 680, width: 1046, show: { effect: “fadeIn”, duration: 1000 }, hide: { effect: “fadeOut”, duration: 1000 }, close: function(){ console.log(‘remove dialog_div’); $(this).remove(); } }); function add_dialog(dialog_name) { console.log(‘=== add_dialog ===’); console.log(‘dialog_name = ‘+dialog_name); $(‘#container’).append(‘ ‘); var div = $(‘#’+dialog_name); return div; […]

要包含哪个JS文件来使用对话框的function

我想打开一个对话框,确认单击按钮。 为此,我使用以下代码 $(‘#dialog-box’).dialog({ show : ‘drop’, …. 其中#dialog-box是按钮的ID。 现在我收到一个错误: Uncaught TypeError:Object [object Object]没有方法’对话’ 需要包含哪个js文件,以便删除此错误

表格中每个动态生成的行的Cluetip

我想在.aspx页面中为动态网格的每一行显示cluetip [jQuery]插件 。 在加载cluetip插件时,应该动态地从数据库中获取cluetip中的内容。 任何人都可以建议这样做吗?

使用jquery的paginaton下拉列表

我想要一个下拉菜单,让用户选择他们想要的记录号码? 所以,如果我在db中有200条记录,它将有4个页面,下拉列表将如下所示 “只是一个想法……不是一个确切的代码” 1-50 51-100 101-150 151-200 我在jquery中看到了与其他类型的分页,但没有下拉。 任何帮助将不胜感激。 谢谢

jQ图像选择器的问题

我在这里遇到了类似的问题:我解决了特定类的jQuery函数 。 但是它让我感到烦恼,因为它有太多的div并且看起来不太好,所以我重写了我的HTML代码并重写了选择器脚本。 现在脚本加载图像很好(它将它们全部淡入)但选择根本不起作用。 我尝试使用最近和兄弟姐妹的function,但无济于事。 我怎么解决这个问题? 您可以在以下url找到相关页面: http : //baldino.rs/baby-program/ 提前完成 $(document).ready(function(){ var picture = $(‘.post-cipela’).each(function(index, element) { $(this).find(‘.cipela-bg img:eq(0)’).fadeIn(500); $(‘.colorwrap a’).click(function(){ var index = $(this).find(“.colorwrap a”).index(this); $(‘.cipela-bg img’).fadeOut(200); $(‘.cipela-bg img:eq(‘+index+’)’).fadeIn(500); }); }); 编辑-1:我修改了我的脚本。 现在我遇到了问题,因为我的图像会多次消失。 我该如何解决? – 这是修改后的脚本,您可以在这里看到问题的页面: http : //baldino.rs/baby-program $(document).ready ( function() { $(“.cipela-1”).fadeIn(200); $(“.colorwrap a”).click ( function() { var item = $(this); […]

带有nested_forms Gem的jQuery UI DatePicker

我看过这个,但这并没有解决我的问题,但情况也是如此。 jQuery加载得很好。 这是我的’nested_form’: ‘event_date’ %> “remove_task” %> 这是JS: jQuery(document).ready(function($) { $(‘.event_date’).each(function() { $(this).datepicker(); }); }); 最后这是生成的html。 您可以看到jQuery UI为DatePicker添加了它的类(hasDatepicker): 任何帮助将不胜感激。 谢谢!

计算两天之间的工作日应排除假期

我想计算两天之间的工作日,不包括假期[数组]。 此代码有助于计算工作日,但不排除假期: function calcBusinessDays(dDate1, dDate2) { // input given as Date objects var iWeeks, iDateDiff, iAdjust = 0; if (dDate2 5) && (iWeekday2 > 5)) iAdjust = 1; // adjustment if both days on weekend iWeekday1 = (iWeekday1 > 5) ? 5 : iWeekday1; // only count weekdays iWeekday2 = (iWeekday2 > 5) ? 5 […]

Jquery DateTimePicker不显示CSS

我正在使用这里找到的DateTimePicker: http : //trentrichardson.com/examples/timepicker/ (请注意,如果我在Jquery中使用默认的DatePicker,我会遇到下面描述的相同问题)。 我已经检查过我有适当的CSS,图像,jquery版本安装/重新安装了很多次,我似乎无法找到导致我的DateTimePicker看起来像这样的东西: 如果我删除所有CSS(包括我的网站的默认MVC CSS),我将失去蓝色背景到星期几(这些不应该被Jquery UI主题着色?)。 我需要在哪里解决我的问题? 编辑以显示我的代码: 这是我在页面中呈现的PartialView: the string is @ViewBag.selectedString @using (Html.BeginForm(“ApplyToTeach”, “Course”, FormMethod.Post)) { @Html.ValidationSummary(true) @Html.LabelFor(model => model.StartDate) @Html.EditorFor(model => model.StartDate) @Html.ValidationMessageFor(model => model.StartDate) 和Jquery: $(“#StartDate”).datetimepicker({ ampm: true }); 生成的HTML(截断一点以防止大量代码墙): ApplyToTeach St. Paul School of Catechesis [ Log On ] Home Students Courses Instructors the string is CourseTemplates […]

如何从jQuery对话框按钮部分内部修改当前选择器的id属性?

我想用“间接”类的id中的用户名字符串替换jquery对话框输入字段中用户指定的用户名。问题是我无法使用this.id = this.id.replace(’username’,myvalue)coz $ this this refer refer到jquery对话框ui里面的输入元素….请帮我用其他任何方法对它进行排序 ================================================== ============================== $(.indirect).click(function(){ $(“#dialog”).dialog({ buttons: { “OK”: function() { if($(‘#username’).val() == ”) { $(‘#username’).focus(); } else { var myvalue= $(“#username”).val(); var provider_url_post= // replace “username” in google id with myvalue alert(provider_url_post); })

jquery ui自动完成更改事件

我正在尝试使Jquery自动完成只允许选择项目。 我使用change事件来检测: change: function (event, ui) { if (ui.item) { $(this).val(”); } } 它在IE中运行良好。 但是在chrome ui.item中总是为null,即使从列表中选择了该项。 然后我尝试了不同的方法。 而是检查事件类型: if (event.originalEvent.type != “autocompletechange”) { $(this).val(”); } 它在Chrome中运行良好,但在IE中,事件是“模糊”。 有适合两种浏览器的解决方案吗? 谢谢,Yuval。