Tag: jquery ui

jQuery UI并将数据加载到选项卡中: 我正在使用JQuery UI创建一个选项卡，我希望将我的php文件的内容输入到此选项卡中。我首先创建一个选项卡，然后选择它。 function createTab2() { //create a tab $(“#tabs”).tabs(“add”,”#tabs-2″,”Second Tab”); $(“#tabs-2”).css(“display”,”block”); $(‘#tabs’).tabs(‘select’, “#tabs-2”); $.get(‘tab2.php’, function(data) { $(‘.result’).html(data); alert(‘Load was performed.’); }); } 我尝试使用JQuery .get函数返回数据，它会在出现警报时正常工作。但是，内容不会输入到选项卡中 – 我只是看到它们列在我的Javascript控制台中。如何让php文件的内容出现在这个标签中？

jQuery iFrame内容平移（而不是滚动）: 我正在寻找像谷歌地图而不是常规滚动的iFrame 内容平移 ..我的意思是说..我已经在iFrame中加载了google.com。但是我没有滚动那个iFrame而是想使用Panning来滚动页面内容Up / Down。这样的iFrame内容平移是否有任何插件？

无法使用角度js进行拖放: 我是angularjs新手。目前我正在使用一个drag and drop项目但是使用纯jquery ui我可以drag and drop但是每当我要用angularjs包含它时我就无法drag 这是我所做的jsfiddle 我如何用angularjs包含jquery ui 更新：这是使用纯jquery ui拖放的jsfiddle http://jsfiddle.net/ucerturohit/zHZxp/

jQuery .on（’click’）不适用于jQuery UI draggable: 我有一个关于jQuery的问题。我真的很喜欢jQuery，甚至是javascript，所以请耐心等待。我在我的应用程序中的某些div上使用jQuery UI draggable。问题是，jQuery .on（’click’）似乎不适用于这些div。我确实尝试使用.click（），它确实有效。但是，div将动态创建，并且基于我所学到的，当我们想要使用动态创建的元素时，最好使用.on（）。以下是我的HTML代码段： First text Second text 这是jQuery片段： $(‘div.draggable-text’).draggable({ cursor: ‘move’, delay: 200, containment: ‘parent’ }).resizable().selectable(); // This one doesn’t work $(‘div.book-page’).on(‘click’, ‘div.book-page > div.draggable-text’, function () { alert(‘clicked!’); // some more coding here… }); // This one works /*$(‘div.book-page > div.draggable-text’).click(function () { alert(‘clicked!’); // some more […]

无法在菜单项单击时打开我的jQuery对话框: 我有第一个使用jQuery的应用程序，我已经建立了两个对话框并按原样执行，当我点击登录时（在文件菜单中）登录框出现，但我可以’单击“打开”时，单击“打开”框。这是两个对话框的jQuery代码： $(“#login-form”).dialog({ autoOpen: false, height: 350, width: 350, modal: true, buttons: { “Log In”: function () { var bValid = true; allFields.removeClass(“ui-state-error”); bValid = bValid && checkLength(username, “username”, 3, 16); bValid = bValid && checkLength(password, “password”, 5, 16); bValid = bValid && checkRegexp(username, /^[az]([0-9a-z_])+$/i, “Username may consist of az, 0-9, underscores, begin with a […]

JQuery UI datepicker奇怪的问题（发生在Firefox中）: 我使用以下函数禁用日期选择器日历中2011-02-13至2011-02-18的日期： function no_disabled_days(date){ dateStr1 = ‘2011-02-13’; dateStr2= ‘2011-02-18′; disabled_start_day = new Date(dateStr1); disabled_end_day = new Date(dateStr2); if(date >= disabled_start_day && date <= disabled_end_day){ return [false]; } return [true]; } $("#reserve_date").datepicker({ beforeShowDay: no_disabled_Days }); 例如，如果dateStr1 =’2011-02-13′ ， dateStr2 =’2011-02-18′ ，则禁用 2011-02-13至2011-02-18的日期。自从我用 if(date >= disabled_start_day && date <= disabled_end_day) （注意’ = ‘符号）因此，’ 2011-02-13 ‘和’ 2011-02-18 […]

嵌套的可动态项目不会折叠: 我正在使用这个嵌套的可排序插件mjsarfatti.com/sandbox/nestedSortable ，到目前为止我唯一的问题是当我动态地将项添加到“树”时，我无法展开或折叠项目。我到目前为止只是使用示例代码，并添加到那里。我如何动态添加项目： $(‘#new-button’).on(‘click’, function() { var nextId = $(‘ol.sortable’).nestedSortable(‘nextId’); var $li = $(” New Item”); $li.addClass(‘mjs-nestedSortable-leaf’); $(‘ol.sortable’).append($li); }) 当我将这些新项目添加到树中时，它们工作正常 – 我可以将它们移动到整个树中，让它们成为孩子等等。但是，当我尝试折叠我已经创建父项的新项目时 – 没有响应。我确信我没有在某处添加正确的事件处理程序，但我无法确定发生的位置。在添加新项目后，我甚至触发了树的destroy（）和_create（），希望再次“重新配置”所有项目。但是，那里没有运气。任何人都可以告诉我如何正确地连接这些新动态创建的项目，以便它们将被视为树中的其他项目？谢谢！

jQuery UI – Firefox中的对话隐藏效果 – 闪烁: 我有一个函数在动态生成的元素上调用.dialog。代码： dialog: function(message){ $(”).attr(‘innerHTML’,message).dialog({ draggable: false, width: 500, hide: ‘puff’, resizable: false, bgiframe: true, modal: true, buttons: { Ok: function() { $(this).dialog(‘close’); } } }); }; （对话框是名为Global的对象的函数）当我在IE中关闭对话框时，效果按预期工作。然而，在Firefox中，隐藏效果是各种锯齿状和“闪烁”。我已经看到有关FF中的”闪烁’的其他问题，但它们似乎并不适合我的情况。请给我一些好消息告诉我，我做错了，Firefox会支持这些效果。这是IE在FF失败时成功的几次之一。

拖放function不工作角度js: 我想要集成jquery UI和Angular js。我想拖放列表行。所以我用谷歌搜索它发现这个http://jsfiddle.net/g/hKYWr/并且做了相同的演示，但是当我使用最新的角度时，它会出错，我也使用最新的Jquery UI。我用“ui”创建了模块，我仍然收到错误。所以在我做错的地方，我想只使用“+”按钮拖动行，换句话说我不想从整行拖放。我只是想，如果我可以使用“+”进行拖放，我们可以一次又一次地获取事件吗？ plunker http://plnkr.co/edit/qeN5LmrXSrwA4IOXOK9R?p=preview app.controller(‘dragcontr’, function ($scope) { $scope.list = [“one”, “two”, “three”, “four”, “five”, “six”]; });

带有altfields的jQuery UI Datepicker：validation不应该触发它: 我的表单上有3个datepickers（startdate，enddate和duedate），所选的日期打印在各自的altfields中。我有日期validation规则设置来validationaltfields中的值而不是datepickers本身（我尝试在datepickers上validation，但它没有做任何事情）。唯一的规则是它们是必需的，并且enddate和duedate必须大于startdate。如果我选择一个等于startdate的endate或duedate，我没有按预期得到任何validation错误，直到我点击提交按钮或者如果我将焦点放到altfield然后点击走（焦点丢失）。有没有办法在datepicker中选择日期时手动validation这些输入？这是演示这是代码： HTML： Goals * { font-family: Verdana; font-size: 96%; } label { width: 10em; float: left; } label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } p { clear: both; } .submit { margin-left: 12em; } em { font-weight: bold; padding-right: 1em; vertical-align: top; } .ui-widget { […]