Tag: jquery ui
Jquery Live and Draggable
我使用Jquery Live绑定将click事件绑定到图像。 我第一次点击图像时，simplemodal弹出窗口启动和拖动工作正常。 之后，simplemodal弹出窗口仍然启动，拖动项目不会拖动。 有任何想法吗？ 实时点击事件代码： $(“table tr td img:not(.Help)”).live(“click”, function(){ $(“#draggable”).draggable({ containment: ‘parent’, drag: function(e, ui){ alert(“dragging”); } }); $(“#modal”).modal({ onShow: function(){ $(“html”).css(“overflow”, “hidden”); }, onClose: function(){ $(“html”).css(“overflow”, “auto”); $(“table tr td img”).live(“click”, function(){}); $.modal.close(); } }); });
未正确设置边界jQDateRangeSlider
我使用jQDateRangeSlider作为两个日期之间的滑块。 我试图添加两个边界，最小边界是日期不能小于，最大边界是滑块不能超过的日期。 它介于这两个界限之间。 但是，我无法实现这一点。 它没有正确显示。 这是一个jsFiddle HTML JS $(“#slider”).dateRangeSlider({ bounds:{ min: new Date(2011, 05, 31), max: new Date(2011, 11, 31) }});
Jquery模板文本框未显示datepicker
我在Jquery模板中的一个文本框上使用Datepicker但它没有弹出。 模板外工作正常。 以下是我想要做的。 jQuery().ready(function () { //$(“#HireDate”).datepicker(); $(“#HireDate”).datepicker({dateFormat:’dd-mm-yy’, showAnim:’fadeIn’}) }); HireDate:
JavaScript：从弹出窗口获取值（外部网站）
我正在使用此代码从弹出窗口中的字段中获取值。 http://myotherwebsitename.com/parent.html Open document.getElementById(‘show’).addEventListener(‘click’, function(){ window[‘output’] = document.getElementById(‘output’); window.open(‘http://mywebsite.com/map.html’) }); http://mywebsite.com/map.html document.getElementById(‘send’).addEventListener(‘click’, function(){ window.opener[‘output’].value = document.getElementById(‘user_text’).value; }) 如果它们都托管在同一个网站上，它可以很好地工作，但是如果我将其中一个放在其他网站上则不起作用。 我怎样才能让它适用于不同的网站？ 谢谢！
FullCalendar refetchEvents不重新加载日历
如果ajax调用创建一个新事件成功，我想重新加载这个页面fullcalendar。 但是，调用refetchEvents似乎完全没有效果 – 并且在chrome中观察网络流量表明没有对fullcalendar查询事件的URL进行调用。 我错过了什么？ function submitNewEvent(event) { event.preventDefault(); dnnEvent = dnnEventWithFormData(); $.ajax({ type: ‘post’, url: urlCreateEvent, data: dnnEvent }).success(function (response) { dialog.dialog(‘close’); $(“#userEvents”).load(urlUserEvents); $(“#calendar”).fullCalendar(‘refetchEvents’); }).error(function (response) { console.log(response); alert(‘failed’); }); }
我在哪里设置closeAfterReset closeAfterSearch设置作为JqGrid的默认设置？
我有这些工作伟大的navgrid设置如下： this.Grid.navGrid(‘#’ + this.PagerId, {}, {}, {}, {}, { closeAfterSearch: true, closeAfterReset: true, closeOnEscape: true }); 但我希望将它们设置为默认值。 我试过了： $.extend($.jgrid.defaults, { search : { closeAfterReset: true } }); $.extend($.jgrid.search, { closeAfterReset: true } ); ……似乎都没有工作。 有小费吗？ 编辑： 这是我的代码@Oleg建议 – 仍然无法正常工作： $.extend($.jgrid.search, { closeAfterSearch: true, closeAfterReset: true, closeOnEscape: true, beforeShowSearch: function ($form) { … }, onClose: function […]
JQuery-动态创建表并添加锚标记不会将锚显示为链接
我是Jquery的新手。 我有一个获取数据和链接的ajax调用。 我必须在动态创建的表中显示该数据。 在每个表行中，我需要显示带有锚标记的url。 我面临的问题是： 添加锚标记未显示为链接，因为锚标记是动态创建的，并且链接不起作用。 $(‘#jsp-data-header’).append(‘Functionalities of the Resource’); $(”).appendTo($(‘#jsp-data-header’)) .append($(”).text(‘JSP files’)) .append($(”).text(“https://stackoverflow.com/questions/17817285/jquery-creating-a-table-dynamically-and-adding-a-anchor-tag-is-not-showing-anch/”+tempurl+””)); 如何使它显示为链接并单击链接shouls带我到提到的URL。 请建议。
行数据消失在Datatables上？
所以让我先解释一下我想要效仿的内容。 在主页上，有一个包含最近表条目的主表。 为用户提供了一组“collections”文件夹，他们可以从主表中拖放表行。 而不是拖动整个可见行（我的行相当宽，并且很难分辨它将放入哪个文件夹）我有“信息”图标，在这种情况下是向上箭头。 用户可以拖动图标并将其拖放到文件夹中，此时应将其从主表中删除并附加到该collections夹文件夹中的表中。 到目前为止，大部分内容都发生在下面的小提琴中（除了没有从主表中删除行）。 使用Datatables时问题开始变得明显。 将行添加到collections夹文件夹后，它显然在那里，直到您在分页时单击下一个和上一个。 它消失了。 此外，它似乎永远不会真正成为表的一部分，因为Datatables左下角的信息没有更新。 显示3个条目中的1到2个，当总共可能有4个（从用户拖动的行中）。 我理解向Datatables添加行，你需要fnAddData，但我不知道如何在这个实例中使用它，任何想法？ 预先感谢。 小提琴： http ： //jsfiddle.net/YK5fg/4/ $( “.drag” ).draggable({ revert: “invalid” }); $( “.dropTarget” ).droppable({ drop: function( event, ui ) { // fade out dropped icon ui.draggable.hide(); var dropped = parseInt($(this).attr(‘title’)) + 1; $( this ) .attr(‘title’,dropped+’ entries’); var delay = $(this); delay.prop(‘disabled’, true).addClass(‘ui-state-highlight’) […]
实现此function的高效代码
在我的页面中，我有三个输入字段，“ 开始日期 ”，“ 结束日期 ”和“ 颜色 ”下拉菜单，如下所示： Start date (yyyy-mm-dd): End date (yyyy-mm-dd): Color: White Black Red Green Transparent 我想为此UI提供以下function： 如果由“ 开始日期 ”和“ 结束日期 ”定义的日期范围是过去的时间段（即<=今天），则“ 颜色 ”下拉菜单应仅显示“黑色”和“白色”选项。 如果日期范围定义了未来期间（>今天），则“颜色”下拉列表仅显示“红色”和“绿色”选项。 如果日期范围包含过去几天和未来几天，则“颜色”下拉菜单仅显示“ 透明 ”选项。 如何使用高效，优雅的jQuery / javascript代码实现此function？ 我目前的jQuery代码： $(“#end_date”).click(update_options()) function update_options(){ var start_date = $(“#start_date”).val(); var end_date = $(“#end_date”).val(); var startDate= new Date(start_date); var endDate= new Date(end_date); var […]
如何制作圆形Jquery UI工具提示？
这是我样式表中的css。 天气我使用ui-tooltip或制作我自己的自定义工具提示类并在工具提示初始化中指定它，它不会绕过角落。 我假设有一些css优先级冲突，但我对css完全不熟悉，并且还不确定它的欠工作。 我真的只需要圆角。 .ui-tooltip { position: absolute; background: #f9a235; color: #fff; padding: 6px 0px; border-width: 1px; border-radius: 25px; }
