Tag: jquery ui

inheritancejQuery小部件并从外部调用一些基本小部件的方法

我有两个jQuery小部件，Widget A是基本小部件，Widget BinheritanceWidget A. 小工具A： $(function () { $.widget(“custom.widgetA”, { _create: function () { this.element .addClass(‘ui-widget-a’) .append( $(document.createElement(‘div’)).text(‘Widget A’) ); }, someMethod: function() { return ‘widget A’; } }); }(jQuery)); 小部件B： $(function () { $.widget(“custom.widgetB”, $.custom.widgetA, { _create: function () { this.element .addClass(‘ui-widget-b’) .append( $(document.createElement(‘div’)).text(‘Widget B’) ); this._super(); }, someOtherMethod: function() { return ‘widget B’; […]

输入框在IE中不使用角度

我正在使用angular-dragdrop.js。 URL： http ： //angular-dragdrop.github.io/angular-dragdrop/在我的项目中用于拖放function。 我在使用输入类型文本时遇到了一些问题。 它不仅适用于IE浏览器。 IE 11和IE 10。 问题 – onCLick输入框焦点即将到来，但输入框内的光标未到来。 HTML代码： 因为ui-draggable false它正在工作。 但对于ui-draggable它不起作用。 供应商JS文件： /** * Created with IntelliJ IDEA. * User: Ganaraj.Pr * Date: 11/10/13 * Time: 11:27 * To change this template use File | Settings | File Templates. */ (function(angular){ function isDnDsSupported(){ return ‘ondrag’ in document.createElement(“a”); } if(!isDnDsSupported()){ […]

jQuery翻转！ 点击div内的事件

我正在尝试为学校项目制作一个研究网络应用程序的闪存卡，我想使用Flip！ 我有一个问题，但是当我把锚点与他们的点击事件绑定到div内的翻转函数被翻转时。 我是jQuery的新手。 任何帮助，将不胜感激。 有翻转论坛吗？ 我的代码如下。 Flippant // var f2b = function(){ $(“#card”).flip({ direction: ‘tb’, color: ‘#B34212’, content: $(‘#back’) }); } var b2f = function(){ $(“#card”).flip({ direction: ‘tb’, color: ‘#B34212’, content: $(‘#front’) }); } $(document).ready(function(){ $(“#flip1”).click(f2b); $(“#flip2”).click(b2f); $(“#flip2”).click(); }); .back { display: none; } .front { display: none; } This is the front of the […]

ajax调用后打开一个特定的手风琴div

我通过ajax向数据库提交一些值，我想在ajax调用后重新加载并打开一个特定的accordion div。 这是我正在尝试的，它不起作用= function submit(id) { var submitID = ‘#’ + id + ‘submit’; var divId = ‘#’ + id + ‘myDiv’; $.ajax({ ‘url’ : base_url + controller + ‘/add_val’, ‘type’ : ‘POST’, data : { var: $(submitID).val() }, ‘success’: function (data) { $(“#divId”).html(data); $(“#divId”).load(window.location + divId); $(“#accordion”).accordion(“option”, “active”, $(“#accordion div”).index(divId)); } }); } HTML代码在这里： […]

在codeigniter jquery + ajax书签function中停止页面加载

我正在研究书签function（codeigniter，jquery，ajax）。 下面是表单的HTML和jQuery代码。 这是发生了什么： 表单是将数据提交到数据库 页面正在重新加载 我没有得到成功警报 如果我使用e.preventDefault（）或返回false，页面不会重新加载并且我获得成功警报，但传递给数据库的数据为0。 HTML表格 uri->segment(4, 0)); ?> Bookmark jQuery的 $(‘.bb_button’).click(function() { $.ajax({ url: ‘bookmarks/addBookmark’, type: ‘POST’, success: function (result) { alert(“Your bookmark has been added.”); } }); //return false<–this is where I used it });

模态出现在页面加载上

以下是我的代码，但只有当有人点击时才会显示模态 open modal box 我想知道如何修改我的以下代码，以便我的模态出现在页面加载上。 Untitled Document jQuery(document).ready(function () { jQuery.noConflict(); // Position modal box in the center of the page jQuery.fn.center = function () { this.css(“position”,”absolute”); this.css(“top”, ( jQuery(window).height() – this.height() ) / 2+jQuery(window).scrollTop() + “px”); this.css(“left”, ( jQuery(window).width() – this.width() ) / 2+jQuery(window).scrollLeft() + “px”); return this; } jQuery(“.modal-profile”).center(); // Set height of […]

按下ctrl + p时触发javascript函数

当有人试图打印页面时，我需要销毁一个jQueryUI选项卡。 我不能用CSS隐藏它，因为我需要这些选项卡中的数据。 任何人都可以帮助/指出我正确的方向吗？ 也许还有其他方法可以达到相同的效果？ 通过销毁我的意思是： $(‘#tabs’).tabs(“destroy”); 这必须适用于IE7 / 8，因为这是该公司使用的浏览器。 解决方案（感谢@Phil）： //Destroys the tabs for print window.onbeforeprint = destroyTabs; //Remakes tabs after printing window.onafterprint = makeTabs; function makeTabs() { $(‘#tabs’).tabs(); } function destroyTabs() { $(‘#tabs’).tabs(‘destroy’); }

选择选项卡和onselect代码冲突 – 无限重新加载页面

我使用JQueryUI TABS插件。 有我的标签结构。 TabGroup1 TabGroup2 TabGroup1-link1 TabGroup1-link2 TabGroup2-link1 TabGroup2-link2 当选择选项卡时，我使用此类代码选择并加载选项卡中的第一个链接。 它自己工作。 $(function() { $( “#tabs” ).tabs(); // Activate first link on tab $( “#tabs” ).bind( “tabsselect”, function(event, ui) { window.location.href = $(ui.panel).find(‘a:first’).attr(‘href’); }); }); 但在我的任务中，通过URL参数选择制表符的附加代码非常有用。 因此，如果访问者从第二个选项卡组打开链接，则必须显示第二个选项卡，而不是默认的第一个选项卡。* 我有工作代码，当加载此选项卡的链接时显示正确的选项卡（没有AJAX或类似的，只是ussual链接）。 $URL[‘part’]是变量我从引擎中的URL接收，这可以单独工作。 <?php if(@$URL['part']=='part2'){ echo '$(function() { $(“#tabs”).tabs(“select”,”#tabs-2″); });’; } ?> 但是，当我使用这两个代码块时，它会导致页面无限重新加载:-( 更新： 请注意，两个代码块都使用SELECT事件，这就是循环发生的原因。 UPDATED2： 我想，如果在选择选项卡时使用ONCLICK加载链接，并且由于URL设置而在激活选项卡上使用SELECT，则可以解决问题。 但我不知道如何在代码中写这个。

如何在创建Jquery对话框UI后添加按钮

我想创建一个jquery对话框，需要添加按钮。 我正在使用以下代码在IE中工作正常但在Mozilla中没有。 任何人都可以弄清楚这里的问题是什么？ function dialog_box(dynDiv, rootTemplate) { var dialog_buttons = rootTemplate.buttons; var dialog = $(“#” + dynDiv.id).dialog({ hide: “explode”, title: rootTemplate.etype, buttons:”, text: rootTemplate.text, resizable: true, minWidth: 200, minHeight: 150, close: function () { $(dialog).dialog(‘destroy’).remove(); } }); var buttonSet = $(“#” + dynDiv.id).parent().find(‘.ui-dialog-buttonset’); $.each(dialog_buttons, function (index, props) { var newButton = $(”, { id: “btn” […]

使用自动完成的jQuery模板而不使用ul / li

@swatkins给出了他自己关于在jquery UI自动完成中使用jQuery模板的问题的精彩答案： 有没有办法使用jQuery UI自动完成的jQuery模板（官方插件）？ 我的问题建立在那之上。 基本上我想知道如何使用jQuery模板构建自动完成，不使用任何类型的列表？ 我问的原因是我想在一个小空间中显示很多信息，并使用列表设置它似乎不允许这样…而且，我只是很好奇:) 谢谢！