javascript

java

python

c#

android

c++

node.js

php

html

jquery

ios

reactjs

css

.net

git

ruby-on-rails

sql

c

ruby

string

Chrome和Safari中jQuery UI对话框的滚动条问题

我使用的是带有modal=true的jQuery UI对话框。在Chrome和Safari中,这会禁用通过滚动条和光标键的滚动(使用鼠标滚轮和页面上/下滚动仍然有效)。

如果对话框太高而无法容纳在一页上,这将是一个问题-笔记本电脑上的用户会感到沮丧。

三个月前有人在jQuery Bug跟踪器上提出了这个问题-[http://dev.jqueryui.com/ticket/4671]-似乎不应该解决它。 :)

任何人也是如此:

  1. 有解决办法吗?
  2. 有建议的解决方法可以提供良好的可用性体验?

我正在尝试将mouseover / scrollto用于表单的某些位,但这不是一个很好的解决方案:(

编辑:罗恩·比尼杰(Rowan Beentje)的道具(他不在SO afaict上),以寻求解决方案。 jQuery UI通过捕获mouseup / mousedown事件来防止滚动。 因此,以下代码似乎可以解决此问题:

$("dialogId").dialog({
    open: function(event, ui) {
        window.setTimeout(function() {
            jQuery(document).unbind('mousedown.dialog-overlay')
                            .unbind('mouseup.dialog-overlay');
        }, 100);
    },
    modal: true
});

使用时,后果自负,我不知道解除绑定这些东西可能会导致哪些其他非模态行为。

trans by 2020-08-12T07:19:37Z

jQuery无法与IE 11一起使用

Object doesn't support property or method 'addEventListener'

'jQuery' is undefined 

我正在使用IE 11

/jQuery-2.1.1.民.就是

jquery-migrate-1.1.1.js

和jquery-ui-1.11.0.custom / jquery-ui.js(主题栏)

在2.1.1之前,我使用的是带铬的1.11.1(效果很好)

我已经尝试过此修复程序,但对我不起作用

trans by 2020-08-12T06:09:04Z

如何使用jQuery从字符串数组生成UL Li列表?

我有像这样的字符串数组

“美国”,“加拿大”,“阿根廷”,“亚美尼亚”,“阿鲁巴”, “澳大利亚”,“奥地利”,“阿塞拜疆”,“巴哈马”,“孟加拉国”, “白俄罗斯”,“比利时” **等。

我想从字符串数组创建动态列表,如下所示:-

<ul class="mylist" style="z-index: 1; top: 474px; left: 228px; display: none; width: 324px;" > 
  <li class="ui-menu-item" role="menuitem">
     <a class="ui-all" tabindex="-1">
         United States
    </a>
  </li>
  <li class="ui-menu-item" role="menuitem">
     <a class="ui-all" tabindex="-1">
         Canada
    </a>
  </li>
  <li> .... </li>
   .....
</ul>

如何使用jQuery?

trans by 2020-08-10T19:13:27Z

jQuery-获取被激活的标签页(div)的ID

我正在使用jQuery 1.9和jQuery UI 1.10

我希望能够在单击选项卡时获得选项卡ID。 例如,如果我单击名为“ Second”的选项卡,我想获得“ tabs-2”响应。

到目前为止,我已经完成了以下代码:

<script type="text/javascript">
    $(function () {
        $("#tabs").tabs({
            beforeActivate: function (event, ui) {
                alert(/* the id of the tab (div) being activated */);
            }
        });
    });
</script>

<div id="tabs">
    <ul>
       <li><a href="#tabs-1">First</a></li>
       <li><a href="#tabs-2">Second</a></li>
    </ul>
    <div id="tabs-1">
        <p>abcde</p>
    </div>
    <div id="tabs-2">
        <p>fghi</p>
    </div>
</div> 
trans by 2020-08-10T09:19:12Z

在jQuery UI标签中设置默认标签

我有一个只有基本HTML表格的月度日历,每个月都在jQuery UI选项卡中。 如何更改默认情况下加载的jQuery UI选项卡? 我想使导航中的月份保持顺序,但要在页面加载时显示当前月份。

trans by 2020-08-10T05:04:44Z

jQuery UI Datepicker-多个日期选择

有没有一种方法可以使用jQuery UI Datepicker小部件选择多个日期?

感谢所有帮助!如果无法使用jquery UI datepicker,那么有类似的事情吗?

trans by 2020-08-10T02:20:40Z

javascript-使用jQuery可排序地以编程方式移动项目,同时仍触发事件

我正在使用jQuery Sortable。 我有这样的HTML设置:

<ul id='plan'>
  <li class='item'>1</li>
  <li class='item'>2</li>
  <li class='item'>3</li>
  <li class='item'>4</li>
</ul>

我想以编程方式将<li>移动到其他位置。 我可以使用以下JS来实现:

$("#plan li:eq(1)").insertAfter($("#plan li:eq(2)"));

除非它不会触发可更改的事件(例如更改或更新),否则它可以正常工作。 我有一个在可排序的更新事件上运行的函数,但使用JS移动li不会触发此事件。

有谁知道如何触发可排序更新事件?

trans by 2020-08-05T17:32:03Z

按钮-如何将自定义图标添加到标准jQuery UI主题?

使用标准图标集中的可用图标之一很容易:

$("#myButton").button({icons: {primary: "ui-icon-locked"}});

但是,如果我想添加自己的一个不属于框架图标集的图标怎么办?

我认为这就像给自己的CSS类添加背景图片一样简单,但这是行不通的:

.fw-button-edit {
    background-image: url(edit.png);
}

有什么建议?

trans by 2020-08-01T04:38:14Z

如何更改Jquery UI Slider手

我想修改股票JQuery UI滑块,以便手柄上带有箭头而不是正方形。 即我想使用自定义图片作为句柄。

有一些教程可以做到这一点:

  • [HTTP://jQuery for designers.com/slider-gallery/]
  • [HTTP://呜呜呜.Ryan cough林.com/2008/11/04/using-他和-jQuery-UI-slider/]
  • [HTTP://呜呜呜.keep T和Web weird.com/creating-啊-nice-slider-with-jQuery-UI/]

但是我无法正常工作。 以下代码生成固定的句柄图像:

<!DOCTYPE html>
<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.slider.js"></script>
  <style type="text/css">
  #myhandle {position: absolute;z-index: 100;height: 25px;width: 35px;top: auto;background: url(http://stackoverflow.com/content/img/so/vote-arrow-down.png) no-repeat;}   
  </style>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#slider").slider({handle: '#myhandle'});
  });
  </script>
</head>
<body>
<div id="slider"><div id="myhandle"></div></div>
</body>
</html>

好像JQuery没接我要使用myhandle id作为句柄。 我想知道:我是否需要JQuery插件才能识别handle选项? (未在[http://docs.jquery.com/UI/Slider中进行记录]。]也许它仅在旧版本的JQuery中有效?

有任何想法吗?

trans by 2020-07-31T11:39:46Z

jQuery UI Sortable,如何在更新事件中确定当前位置和新位置?

我有:

<ul id="sortableList">
     <li>item 1</li>
     <li>item 2</li>
     <li>item 3</li>
</ul>

我已经连接到update: function(event, ui) { },但不确定如何获取该元素的原始位置和新位置。 如果我将项目3移到项目1上方,我希望原始位置为2(基于0的索引),项目3的新位置为0。

trans by 2020-07-30T06:45:00Z

javascript-jQuery自动完成this.source不是函数

我已经在输入字段上实现了自动完成功能,但是该框未显示,并且Firebug返回了“ this.source不是函数”。 我在同一页的其他字段上使用了自动完成功能,没有任何问题。 (两个文本区域)。

我正在使用以下代码进行调试,如果从脚本文件或Firebug命令行运行,则效果相同。

var fakedata = ['test1','test2','test3','test4','ietsanders'];
$("#omschrijving").autocomplete(fakedata);

运行jquery 1.4.2和jquery ui 1.8.2(均为最小版本)。

有谁知道自动完成功能如何在文本区域上正常工作,但会导致输入错误?

错误和堆栈跟踪:

this.source is not a function
http://facturatie.autodealers.nl/dev/resources/js/jquery-ui-1.8.2.custom.min.js
Line 570
close(Object { name="a"})jquery....min.js (regel 570)
close(Object { name="a"}, Object { name="c"})jquery....min.js (regel 570)
response()
trans by 2020-07-29T16:32:07Z

jQuery UI事件和ui对象属性

在用于交互的jQuery UI框架中,您可以执行自定义函数,并且它们采用两个参数“事件”和“ ui”。 我知道它在某处必须很明显,但我无法找出这两个参数上可用的方法和属性。

有人知道这些参数上有哪些可用的方法和属性,或者在哪里可以找到它们?

trans by 2020-07-26T02:02:21Z

适用于移动设备和台式机的jQuery Mobile?

我正在开发一个Web应用程序。 MySql / PHP后端和HTML / jQuery前端。

我想使用jQuery UI框架。

现在可以看到jQuery Mobile已发布,我想使该应用程序尽可能地供移动设备访问。

我用Google搜索,但是找不到高质量的答案。

如果使用jQuery Mobile,是否可以使所有代码都以相同的代码工作?

如果要通过移动浏览器访问,我希望它显示移动小部件。
但是使用jQuery UI小部件可以从桌面浏览器访问。

是否可以仅通过使用jQuery Mobile及其标记来实现,还是必须分别编写移动版(jQuery Mobile)和桌面版(jQuery UI)的前端?

也就是说,如果从桌面浏览器进行访问,jQuery Mobile可以自动“回退”到jQuery UI。

trans by 2020-07-24T14:01:05Z

如何在JSFiddle中启用jQuery UI?

“框架和扩展”部分中没有jQuery UI的选项。 我应该将其添加为外部资源吗?

trans by 2020-07-23T11:52:56Z

reactjs-如何在React J中使用jQuery UI

如何在React中使用jQuery UI? 我已经通过Google搜索看到了几个示例,但它们似乎都已过时。

trans by 2020-07-21T13:44:34Z

在jQuery datepicker中设置最小日期

嗨,我想在我的jquery datepicker中将min date设置为(1999-10-25),所以我尝试了以下代码,但无法正常工作。

$(function () {
    $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        showButtonPanel: true,
        changeMonth: true,
        changeYear: true,
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        minDate: new Date(1999, 10 - 1, 25),
        maxDate: '+30Y',
        inline: true
    });
});

**如果我将最小年份更改为2002年以上,它将可以正常工作,但是如果我将最小年份指定为小于2002年(如上述eexample 1999年),它将仅显示到2002年。有人可以帮助我。 我正在使用jquery-1.7.1.min.js和jquery-ui-1.8.18.custom.min.js。

trans by 2020-07-20T21:56:02Z

在jQuery UI Datepicker中设置星期几开始?

我正在浏览jQuery UI Datepicker([http://jqueryui.com/demos/datepicker/),]的文档,但找不到如何将一周的第一天设置为星期一。

应用区域设置会将星期一设置为一周的第一天,但这也会更改语言。

trans by 2020-07-17T21:36:26Z

拖放-jQuery ui在放置项目时获取可放置元素的ID

放置物品时如何获取可放置元素的ID? 在这里,我使用jquery ui和asp.net mvc。

 <table id="droppable">
    <tr>
    <td style="width:300px;height:50px">Backlog</td>
    <td style="width:300px;height:50px">Ready</td>
    <td style="width:300px;height:50px">Working</td>
    <td style="width:300px;height:50px">Complete</td>
    <td style="width:300px;height:50px">Archive</td>
    </tr>
        <tr id="cart">
        <td id="BackLog" class="drag"  style="width:120px;height:50px;">

         <img class="draggable" id="1234" src="../../Content/themes/base/images/ui-icons_222222_256x240.png" />

        </td>
            <td id="Ready"  class="drag"  style="width:140px;height:50px">


            </td>
            <td id="Working" class="drag"  style="width:140px;height:50px">

            </td>
            <td id="Complete" class="drag" style="width:140px;height:50px">


            </td>
            <td id="Archive" class="drag" style="width:140px;height:50px">

            </td>
        </tr>
    }
   </table> 

在这里,我想将Ist列中的图像移动到其他列,并获取该列的ID。对于拖放,我使用脚本

<script type="text/javascript">
    $(function () {
        $(".draggable").draggable({ containment: '#imageboundary', axis: "x" });
        $("#droppable").droppable({
            drop: function (event, ui) {                                      
                $.ajax({
                    type: "POST",
                    url: '/Project/AddToPhase/' + $(ui.draggable).attr("id") ,
                    success: function (data) {
                        $('.result').html(data);
                    }
                });
            }
        });
    });
</script>
trans by 2020-07-14T07:05:20Z

html-如何在jQuery UI对话框中显示IFRAME

我要升级的Web应用程序使用jQuery和jQuery UI。 我已用jQuery UI对话框替换了target=iframe1<a target=_blank>的大多数实例。 例如,用于在新窗口中打开的条款和条件; 现在我将jQuery UI对话框与AJAX一起使用。 为了保持一致性,我计划尽可能使用它。

这样的地方是一个页面,我将在该页面上拥有视频的外部链接。 就像是:

<a href="http://website.com/videos/1.html" target="_blank"><img src="http://website.com/videos/1.png"></a>
<a href="http://website.com/videos/2.html" target="_blank"><img src="http://website.com/videos/2.png"></a>

在某些情况下,我可能会使用target=iframe1。现在,我不想在iframe或弹出窗口中打开内容,而是在弹出对话框中显示内容。 如何使用jQuery UI对话框实现此目的? 会有陷阱吗?

trans by 2020-07-14T03:14:05Z

jQuery-如何在使用Bootstrap Datepicker时获取选定的日期值?

使用jquery和Bootstrap Datepicker,如何获取使用Bootstrap Datepicker选择的新日期值?仅供参考,我正在使用Rails 3和Coffescript。

我使用以下命令设置了日期选择器:

<input id="startdate" class="span2 datepicker" type="text" value="" name="startdate" default="2013-05-21" data-date="2013-05-21" data-behavior="datepicker">
<%= submit_tag 'Get Data using date', :id => 'get_data' %>

$(".datepicker").datepicker
      endDate: new Date
      format: "yyyy-mm-dd"
      autoclose: true
      minViewMode: 1
      todayBtn: "linked"

当用户单击旁边的“使用日期获取数据”按钮时,我将使用jQuery获取由日期选择器设置的新日期值,阻止表单提交并使用该日期值运行ajax请求。 除了获得正确的新日期值之外,所有ajax都运行良好。 我尝试了以下两种方法,但都没有给我新的日期,它只返回我最初设置的默认值。

sd1 = $('#startdate').attr('value')
console.log sd1

sd2 = $('#startdate').attr('data-date'))
console.log sd2

我现在真的很愚蠢,但是我找不到如何获取引导日期选择器设置的新日期值。

trans by 2020-07-11T01:01:18Z

1 2 3 4 5 6 7 8 9 下一页 共9页