标签: jquery-ui

我真的需要一个本地化的下拉日历.英语日历并不能完全在挪威网站上传达卓越性;-)

我已经尝试过jQuery DatePicker,他们的网站说它可以本地化,但这似乎不起作用.

我正在使用ASPNET.MVC,我真的想坚持一个JavaScript库.在这种情况下jQuery.

ajax工具包日历是可以接受的,只要它也会显示挪威名称.

更新:太棒了!我看到我错过了语言文件,一个不那么小的细节:-)

我在此UI对话框中提交表单后,我想从UI对话框中更改标题.所以在load我应该建议之后的回调函数中,但我已经尝试过google而没有结果.

有人有想法吗？

我有一个jQuery UI对话框,在单击特定元素时显示.如果点击发生在那些触发元素或对话框本身之外的任何地方,我想关闭对话框.

这是打开对话框的代码:

$(document).ready(function() {
    var $field_hint = $('<div></div>')
        .dialog({
            autoOpen: false,
            minHeight: 50,
            resizable: false,
            width: 375
        });

    $('.hint').click(function() {
        var $hint = $(this);
        $field_hint.html($hint.html());
        $field_hint.dialog('option', 'position', [162, $hint.offset().top + 25]);
        $field_hint.dialog('option', 'title', $hint.siblings('label').html());
        $field_hint.dialog('open');
    });
    /*$(document).click(function() {
        $field_hint.dialog('close');
    });*/
});

如果我取消注释最后一部分,则对话框永远不会打开.我认为这是因为打开对话框的相同点击再次关闭它.

最终工作代码
注意:这是使用jQuery外部事件插件

$(document).ready(function() {
    // dialog element to .hint
    var $field_hint = $('<div></div>')
            .dialog({
                autoOpen: false,
                minHeight: 0,
                resizable: false,
                width: 376
            })
            .bind('clickoutside', function(e) {
                $target = $(e.target);
                if (!$target.filter('.hint').length
                        && !$target.filter('.hintclickicon').length) {
                    $field_hint.dialog('close'); …

是否可以在JavaScript(或jQuery)中实现"长按"？怎么样？

alt text http://androinica.com/wp-content/uploads/2009/11/longpress_options.png

HTML

<a href="" title="">Long press</a>

JavaScript的

$("a").mouseup(function(){
  // Clear timeout
  return false;
}).mousedown(function(){
  // Set timeout
  return false; 
});

我已经动态创建了文本框,我希望每个文本框能够在点击时显示日历.我使用的代码是:

$(".datepicker_recurring_start" ).datepicker();

哪个只能在第一个文本框上工作,即使我的所有文本框都有一个名为datepicker_recurring_start的类.

非常感谢您的帮助!

如何在iPad和其他触摸设备上使用jQuery-UI可排序功能？

http://jqueryui.com/demos/sortable/

我试图使用event.preventDefault();,event.cancelBubble=true;和event.stopPropagation();,touchmove以及scroll事件,但结果是页面不再滚动.

有任何想法吗？

我知道之前已经问过这个具体问题,但是我没有bind()在jQuery UI Tabs插件上使用该事件获得任何结果.

index单击选项卡时,我只需要新选择的选项卡即可执行操作.bind()允许我挂钩到select事件,但我通常的获取当前选定选项卡的方法不起作用.它返回先前选择的选项卡索引,而不是新选项卡索引:

var selectedTab = $("#TabList").tabs().data("selected.tabs");

以下是我尝试用于获取当前所选标签的代码:

$("#TabList").bind("tabsselect", function(event, ui) {

});

当我使用这段代码时,ui对象会回来undefined.从文档中,这应该是我用来使用ui.tab挂​​钩到新选择的索引的对象.我在最初的tabs()电话会议上也尝试了这一点.我在这里做错了吗？

我有一个draggable()适用于Firefox和Chrome 的jQuery UI .用户界面概念基本上是单击以创建"post-it"类型项.

基本上,我点击或点击div#everything(100%高和宽)听取点击,并显示输入textarea.您添加文本,然后在完成后保存它.你可以拖动这个元素.这适用于普通浏览器,但在iPad上我可以测试,我无法拖动项目.如果我触摸选择(然后稍微变暗),我就无法拖动它.它根本不会向左或向右拖动.我可以向上或向下拖动,但我不是拖动个人div,我拖动整个网页.

所以这是我用来捕获点击的代码:

$('#everything').bind('click', function(e){
    var elem = document.createElement('DIV');
    STATE.top = e.pageY;
    STATE.left = e.pageX;
    var e = $(elem).css({
        top: STATE.top,
        left: STATE.left
    }).html('<textarea></textarea>')
    .addClass('instance')
    .bind('click', function(event){
        return false;
    });
    $(this).append(e);
});

这里是我用来"保存"音符并将输入div转换为显示div的代码:

$('textarea').live('mouseleave', function(){
    var val = jQuery.trim($(this).val());
    STATE.content = val;
    if (val == '') {
        $(this).parent().remove();
    } else {
        var div  = $(this).parent();
        div.text(val).css({
            height: '30px'
        });
        STATE.height = 30;
        if ( div.width() !== div[0].clientWidth || div.height …

我正在使用Twitter Bootstrap,我想使用Bootstrap中没有的"自动建议",而jQuery UI有自己的自动建议方法.

我可以同时使用吗？它会超载带宽吗？

我一直在努力创建一个树(如目录树),它使用尽可能多的CSS和尽可能少的JS(仅适用于状态等),我想知道是否有一些好的现有树插件用于引导程序或jquery-ui bootstrap.

作为参考或对于这个问题感到困惑的人,我正在寻找类似dynatree for bootstrap的东西.