Tag: jquery ui

定位jquery选项卡和框时出现问题

我使用了jquery选项卡和手风琴。代码如下： //tabs $(function() { $( “#content-area” ).tabs(); $(“#content-area”).resizable(); $(“#content-area”).draggable(); }); //button $(function() { $( “button, input:submit, a”, “.demo” ).button(); //$( “a”, “.demo” ).click(function() { return false; }); }); //resizable box $(function() { $( “#item-list” ).accordion({ fillSpace: true }); }); $(function() { $( “#item-list” ).resizable({ minHeight: 140, resize: function() { $( “#item” ).accordion( “resize” ); } […]

使用JQuery Accordion进行MVCvalidation

我对ASP.NET MVC相对较新，但对validationfunction印象非常深刻。 我有一个巨大的forms，我已经使用JQuery UI分成手风琴。 此表单是模型的一个非常基本的支架，该模型具有如下代码来validation所需的每个字段： [Required(ErrorMessage=”Please Enter a Valid Product”)] [DisplayFormat(ConvertEmptyStringToNull= false)] [StringLength(160, MinimumLength=2,ErrorMessage=”Product Must Be At Least 2 Characters”)] 然后视图只是： @Html.LabelFor(model => model.Product) @Html.EditorFor(model => model.Product) @Html.ValidationMessageFor(model => model.Product) 如果在手风琴中观看该领域，那将非常有用。 如果将该字段留空，则会显示消息，一切都按计划运行。 问题是，当我切换到手风琴中的不同选项卡，并且所需的字段不可见时，我可以提交表单，这让我的服务器感到沮丧。 如果我填写该字段，它会按预期通过。 有办法解决这个问题吗？

在Yii中通过jquery调用模态窗口失败

我试图在我的yii应用程序中添加模态窗口。 为此，我使用框架中的jquery。 然而，它不适用于框架中的jquery（1.8.3）： framework / web / js / source 错误是： 未捕获的TypeError：对象[object Object]没有方法’modal’ 在这一行： $(‘#dataModal’).modal().css({ width: ‘auto’, height: ‘auto’, }); （参见下面的完整代码）。 当我将modal（）交换到dialog（）时也会发生同样的情况。 然而，当我尝试通过googleapis上传最新的jquery（1.10.2）时将其注册为客户端脚本，它可以工作（虽然每个视图调用只有一次）： config / main.php： ‘components’=>array( … ‘clientScript’=>array( ‘packages’=>array( ‘jquery’=>array( ‘baseUrl’=>’//ajax.googleapis.com/ajax/libs/jquery/1/’, ‘js’=>array(‘jquery.min.js’), ), ), ), 并在视图中注册： Yii::app()->clientScript->registerCoreScript(‘jquery’); 与此案有关的完整代码如下： beginWidget(‘bootstrap.widgets.TbModal’, array(‘id’=>’dataModal’)); ?> × widget(‘bootstrap.widgets.TbButton’, array( ‘label’=>Yii::t(“ui”, “Справочник номенклатуры”), ‘url’=>Yii::app()->createUrl(‘assortment/index’), ‘htmlOptions’=>array(/*’data-dismiss’=>’modal’,*/ ‘class’ => ‘btn btn-medium btn-primary’, […]

jQueryUI自动完成JSON不返回预期的数据

使用jQueryUI自动完成来搜索MySQL数据库。 当用户在搜索字段中按Enter键时，我想用从DB返回的结果填充div。 代码有效，并返回自动完成的建议列表。 但是，select：函数中返回的JSON数据不是我所期望的。 在下面的PHP代码示例中，查询请求数据库中与查询匹配的每个标题相关的所有字段。 应该有其他字段，例如author，bid，isbn，genre等 – 但是，只返回了title字段。 谷歌Chrome的控制台如下所示： Object {item: Object} item: Object label: “Much Obliged Jeeves” value: “Much Obliged Jeeves” __proto__: Object Object {label: “Much Obliged Jeeves”, value: “Much Obliged Jeeves”} 其他领域在哪里？ 我的jQuery： $(‘#srxbks’).autocomplete({ source: “autocomplete_test.php”, minLength: 1, select: function( event, ui ) { console.log(ui); console.log(ui.item); console.log(ui.item.label); //Not working: var out = ‘Title: […]

加载时jQuery datepicker表示未定义。

我试图在我的表单中实现日期选择器，但是当添加日期选择器的代码没有显示在酿酒师中时。 检查控制台时发布此错误TypeError：’undefined’不是函数（评估’$（“＃datpicker”）。datepicker（）’）jQuery库文件添加在根文件夹中。 贝娄是使用的代码： $(document).ready(function() { $( “#datepicker” ).datepicker(); }); Datepicker Date:

你将如何使用Trigger来触发jquery draggable start，drag，stop events？

如果我有一个可拖动的对象并具有开始，拖动，停止function，我将如何触发它们？ 我认为会导致问题的问题是传递给函数的参数。 我不确定是否有一种简单的方法可以做到这一点，如果有某种模拟可以使用，或者我应该创建一个自定义对象，其中将传递到e和ui函数属性。 我会写代码，但它很简单： 码： var $a = $(“”).append(“Test Text”).appendTo(“body”).draggable({ start: function(e,ui){/*…*/}, drag: function (e,ui){/*…*/}, stop: function (e,ui){/*…*/} }); 我想调用这些函数，最初我在考虑： $a.draggable(“option”, “start”)(); $a.draggable(“option”, “drag”)(); $a.draggable(“option”, “stop”)(); 我刚刚做了一个快速的代码遍历，看看哪些参数在哪里使用。 start: ui.position.top|left drag: ui.position.top|left stop: ui.position.top|left, eventArgs.ClientX, eventArgs.ClientY, eventArgs.target 所有这些都有像scope这样的东西，但是因为它被正确地附加到调用点击的东西上会有所不同，然后调用函数而不引用手头的对象。 在查看函数之后，我应该能够创建对象以传递到触发器OR函数，因为我在上面的语句中触发了它。

如何在不剪切日历事件的主题的情况下显示它 – 使用FullCalendar UI

我正在使用FullCalendar UI来显示数据库中表的日历事件。 我遇到的问题是，当我的事件持续时间不到1小时时，该事件的主题将不可行。 我附上了一个屏幕截图，向您展示它当前是如何显示的。 在查看第一个事件“IT会议”时，它似乎没有问题。 另一方面，下一个事件（即从下午5:24 – 下午6:00开始）主题是不可读的。 如何或如何才能使主题可行，以便用户知道他/她已安排的内容？ 谢谢

内联日期选择器崩溃的jQuery UI beforeShowDay

相当直的问题： 如果我有一个内联的datepicker（在div而不是输入上调用.datepicker（））并使用beforeShowDay函数，一切都会中断。 我在这里创建了一个jsFiddle，你可以测试它： http ： //jsfiddle.net/MBwSe/1/ beforeShowDay函数适用于前4天（2012年7月29日至2012年8月1日），然后在2012年8月2日中断，出现此错误： TypeError: daySettings is undefined [Break On This Error] line 8827 var unselectable = (otherMonth && !selectOtherMonths) || !daySettings[0] || 有什么想法正在发生什么？ 使我抓狂！

与Trebuchet MS字体的奇怪错误

我正在尝试使用jQuery UI主题使用jquery.fullcalendar插件。 一切都很好，除了当用户试图选择一个时间范围（周或日视图）时，选择被移动大约一个小时。 你可以在这个小提琴中看到这种行为。 我已经减少了问题，我得出结论，问题来自CSS代码。 在小提琴中，我复制了有问题的CSS代码（对应于jQuery UI CSS框架）。 如果你删除这个CSS代码，选择工作正常（但当然没有格式）。 我一直试图找出哪个是确切的问题，但我看不到。 编辑 ：我已经把问题减少到了这个 。 现在，如果您从.ui-widget中删除“Trebuchet MS”字体，则fullCalendar正常工作!! 看这里工作演示 。 现在的问题是，为什么？ 我正在使用Linux，我不知道是否有一些影响……

最新的knockout和jquery ui对话框出错：初始化之前无法调用

我尝试使用knockout 2.2自定义绑定新jquery 1.9和jquery ui 1.9.2。 代码来自这里： 将jquery ui对话框与knockoutjs集成使用更新的库： http ： //jsfiddle.net/SnPdE/323/ ko.bindingHandlers.dialog = { init: function(element, valueAccessor, allBindingsAccessor) { var options = ko.utils.unwrapObservable(valueAccessor()) || {}; //do in a setTimeout, so the applyBindings doesn’t bind twice from element being copied and moved to bottom setTimeout(function() { options.close = function() { allBindingsAccessor().dialogVisible(false); }; $(element).dialog(options); }, 0); //handle […]