标签: jquery-ui-plugins

我想我明白之间的差别_create,并_init在小部件定义(例如见这个问题),但我仍然不能确定的用途的区别.进入_create()或进入哪种设置任务_init()？如果小部件作者选择了错误的,会出现什么问题？

如何将日期选择器从jQuery UI转换为另一种语言(德语为exaple)？

我在申请表上有一个日期选择器.我们仅允许出生日期在特定年龄范围内的申请.我启用了ChangeYear并将YearRange设置为"-65:-16".我遇到的问题如下:

1 - 当我选择一个日期而没有先选择年份下拉菜单中的某些内容时,我会得到正确的月份和日期,但我将2016年作为一年.

2 - 试图解决这个问题我将YearRange设置为"n-65:n-16".这导致年度下降仅显示当前年度(2010年).甚至更奇怪的是,如果您选择日期,您仍然可以获得正确的月份和日期以及2016年.

这是我用来设置datepicker的代码:

    <script type="text/javascript">
    $(document).ready(function (e) {
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

        function EndRequestHandler(sender, args) {
            $(function () {
                $("#DateOfBirth").datepicker({ yearRange: '-65:-13', changeMonth: true, changeYear: true, defaultDate: '1-1-1994', dateFormat: 'mm-dd-yy' })
            });
        }

        $(function () {
            $("#DateOfBirth").datepicker({ yearRange: '-65:-13', changeMonth: true, changeYear: true, defaultDate: '1-1-1994', dateFormat: 'mm-dd-yy' })
        });
    });
</script>

我希望这是我做错了,有人可以告诉我那是什么.谢谢你的帮助.

是否可以使用可排序元素,但仍然允许用户在元素内复制/粘贴文本？

<div class="sortable">
   <div class="pseudo-sortable">Foo</div>
   <div class="pseudo-sortable">Bar</div>
   <div>other stuff that i don't care if a user 
        can't copy (maybe images or buttoms)</div>
</div>

我可以轻松地做到:

$('.sortable').sortable({cancel: '.pseudo-sortable'});

这将允许我在浏览器中选择文本并根据需要进行复制/粘贴.但是,这也使得人们无法拖放.所以我认为我想要的是从取消开始,但如果鼠标在容器外一定距离,那么伪排序不再被取消.那有意义吗？

如果这是不可能的,我的最后一个选择是应用一个触发器,在可排序和不可排序之间切换容器,以便他们可以选择文本,但我更愿意最小化ui点击.

除了官方文档之外,是否有任何推荐的资源来学习构建jQuery插件.我特别感兴趣的是为UI库构建插件.

我一直在寻找一些正式的来源,但我发现它们看起来彼此截然不同.许多都没有得到很好的评论,很难说出哪些代码块是基本结构的一部分,以及特定插件的具体内容.

如果还没有任何好的资源,那么在从头开始编写插件时,是否有人能够了解我应该从哪个基本结构开始？

所以我使用的是jQuery UI的对话框.但是当我读到IE6中有一个常见的错误(不幸的是我必须确保它有效),其中下拉列表不关注z-index队列.我还读到有一个方便的插件,称为bgiframe来处理我的叠加问题.我找到了人们说使用它的两种不同方式,但都不起作用.我可能只是在做一些非常愚蠢的事情,但我需要让它发挥作用.

包括jQuery.bgiframe.js版本2.1.1以下是我尝试使用它而无需工作的两种方法:(我已经在我正在处理的页面中包含了所有jQuery-UI,jQuery和bgiframe)

1. 来自实际插件的文档说这样做:

   $("#selectDropdownThatNeedsFixing").bgiframe();
   

   Run Code Online (Sandbox Code Playgroud)

   这会导致jQuery异常,说对象是预期的.

2. 我从下一页看到的第二种方式:http://docs.jquery.com/UI/Dialog/dialog基本上只是bgiframe: true在初始化对话框时设置:

   $( ".selector" ).dialog({ bgiframe: true });
   

   Run Code Online (Sandbox Code Playgroud)

这不会出错,但是当我测试它时,IE6中仍然存在问题.

我错过了什么吗？我应该用哪种方式使用bgiframe？任何方向都会非常感激.谢谢您的帮助!

为自定义jQuery UI小部件加载HTML标记的最佳方法是什么？

到目前为止,我已经看到使用字符串(即$(...).wrap('<div></div>'))创建的元素,这对于简单的事情来说很好.但是,这使得以后修改更复杂的元素非常困难.

这似乎是一个相当普遍的问题,但我也知道jQuery UI库是新的,可能没有广泛接受的解决方案.有任何想法吗？

我想在React应用程序中使用https://github.com/t1m0n/air-datepicker,但它不起作用.

import React from 'react';
import AirDatepicker from 'air-datepicker';

class Datepicker extends React.Component {
  render() {
    return(
      <AirDatepicker />
    )
  }
}

export default Datepicker;
`

<script src="./../bower_components/jquery/dist/jquery.min.js"></script>

这会产生:

error($ is not defined)

另一种方法:

import React from 'react';
import $ from 'jquery';
import AirDatepicker from 'air-datepicker';

class Datepicker extends React.Component {
  render() {
    return(
      <AirDatepicker />
    )
  }
}

export default Datepicker;

同样的错误.

如何将JQuery插件与React集成？