动态初始化jQuery ui小部件

时间:2011-06-14 09:37:56

标签: javascript jquery-ui

我正在尝试将内置的jQuery小部件应用于动态内容,例如ajax调用或DOM操作(如克隆)。

现在我有一些有用的东西,但有点像黑客,我希望看到你提出的改进建议。要记住的是JS是由PHP生成的,我想避免出现需要处理为各个页面创建JS的情况。因为它是我可以定义一个小部件类型,设置一些变量,并让PHP生成JS。原因是我需要从数据库传递变量并提供动态本地化到小部件。

jQuery('body').delegate('.juiDateStart', 'focusin', function (e) {
    $(this).datepicker({
        'minDate': 0,
        'onClose': function () {
            juiDtp_343875e72a11870172ae2922f7dd9f4f($(this));
        }
    });
});

上面的代码适用于克隆和ajax,但显然必须在每个focusin上初始化日期选择器并不是一个理想的解决方案。我也在使用这个系统加载自动完成和级联选择。

提前致谢。

1 个答案:

答案 0 :(得分:1)

每当你动态创建这样的Javascript函数时,我认为在产生更多开销之前你只能拥有如此多的抽象。你为每个焦点初始化这个函数的方式似乎没什么用。

也许用更详细的 class-by-class (或 id-by-id)替换函数开头部分的' body '部分选择器会稍微加快这个过程(即当页面上有很多项目时...)但是你现在拥有它的方式(当它被发布时) ,)看起来好像。