标签: jquery-ui

使用Datepicker,默认情况下,年份下拉列表仅显示10年.用户必须单击去年才能获得更多年份.

我们如何将初始范围设置为100年,以便用户默认情况下会看到一个大型列表？

    function InitDatePickers() {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            maxDate: '@maxDate',
            minDate: '@minDate'
        });
    }

我有一个jQuery UI Dialog在我的ASP.NET页面上工作得很好:

jQuery(function() {
    jQuery("#dialog").dialog({
        draggable: true,
        resizable: true,
        show: 'Transfer',
        hide: 'Transfer',
        width: 320,
        autoOpen: false,
        minHeight: 10,
        minwidth: 10
    });
});

jQuery(document).ready(function() {
    jQuery("#button_id").click(function(e) {
        jQuery('#dialog').dialog('option', 'position', [e.pageX + 10, e.pageY + 10]);
        jQuery('#dialog').dialog('open');
    });
});

我的div:

<div id="dialog" style="text-align: left;display: none;">
    <asp:Button ID="btnButton" runat="server" Text="Button" onclick="btnButton_Click" />
</div>

但btnButton_Click永远不会被调用......我该如何解决？

更多信息:我添加了此代码以将div移动到表单:

jQuery("#dialog").parent().appendTo(jQuery("form:first"));

但仍然没有成功......

我的问题与此类似:

ASP.NET MVC 4缩小和背景图像

除非我想坚持使用MVC自己的捆绑,如果可以的话.我正在脑力崩溃试图弄清楚用于指定样式包的正确模式是什么,例如jQuery UI工作的独立css和图像集.

我有一个典型的MVC站点结构,/Content/css/其中包含我的基本CSS,如styles.css.在该css文件夹中,我还有子文件夹,例如/jquery-ui包含其CSS文件和/images文件夹的子文件夹.jQuery UI CSS中的图像路径是相对于该文件夹的,我不想搞砸它们.

据我所知,当我指定一个StyleBundle我需要指定一个不匹配真实内容路径的虚拟路径时,因为(假设我忽略了到内容的路由),IIS将尝试将该路径解析为物理文件.所以我指的是:

bundles.Add(new StyleBundle("~/Content/styles/jquery-ui")
       .Include("~/Content/css/jquery-ui/*.css"));

渲染使用:

@Styles.Render("~/Content/styles/jquery-ui")

我可以看到要求:

http://localhost/MySite/Content/styles/jquery-ui?v=nL_6HPFtzoqrts9nwrtjq0VQFYnhMjY5EopXsK8cxmg1

这将返回正确的,缩小的CSS响应.但随后浏览器发送相对链接图像的请求,如下所示:

http://localhost/MySite/Content/styles/images/ui-bg_highlight-soft_100_eeeeee_1x100.png

这是一个404.

我知道我的URL的最后一部分jquery-ui是一个无扩展名的URL,我的包的处理程序,所以我可以看到为什么相对的图像请求是简单的/styles/images/.

所以我的问题是处理这种情况的正确方法是什么？

我有有它的所有内容改变时间一个div,无论是ajax requests,jquery functions,blur等等等等.

有没有办法可以在任何时间点检测到我的div上的任何变化？

我不想使用任何间隔或默认值检查.

像这样的东西会做

$('mydiv').contentchanged() {
 alert('changed')
}

是否可以打开没有标题栏的jQuery UI对话框？

我有一个jQuery对话框,要求用户输入某些信息.在这种形式中,我有一个"继续"按钮.我想这个"继续"按钮只有在所有字段都包含内容后才能启用,否则它将保持禁用状态.

我编写了一个函数,每当字段状态发生变化时调用该函数.但是,我不知道如何从此功能启用和禁用对话框按钮.我该怎么办？

糟糕,我忘了提到这些按钮创建如下:

$(function() {
  $("#dialog").dialog({
    bgiframe: true,
    height: 'auto',
    width: 700,
    show: 'clip',
    hide: 'clip',
    modal: true,
    buttons: {
      'Add to request list': function() {
        $(this).dialog('close');
        $('form').submit();
      },
      'Cancel': function() {
        $(this).dialog('close');
      }
    }
  })
});

我有一个非常简单的jQuery Datepicker日历:

$(document).ready(function(){
    $("#date_pretty").datepicker({ 
    });
});

当然还有HTML ......

<input type="text" size="10" value="" id="date_pretty"/>

当用户打开日历时,今天的日期很好地突出显示,但是如何让jQuery在今天的页面加载日期预先填充文本框本身,而无需用户做任何事情？99%的时间,今天的默认日期将是他们想要的.

我正在使用jQuery和jQuery-ui,并希望动画各种对象的各种属性.

为了解释这里的问题,我把它简化为一个div,当用户将鼠标悬停在它上面时,它会从蓝色变为红色.

我能够在使用时获得我想要的行为animate(),但是当这样做时,我动画的样式必须在动画代码中,因此与我的样式表分开.(见例1)

另一种方法是使用addClass(),removeClass()但我无法重新创建我可以获得的确切行为animate().(见例2)

例1

我们来看看我的代码animate():

$('#someDiv')
  .mouseover(function(){
    $(this).stop().animate( {backgroundColor:'blue'}, {duration:500});
  })
  .mouseout(function(){
    $(this).stop().animate( {backgroundColor:'red'}, {duration:500});
  });

它显示我正在寻找的所有行为:

1. 红色和蓝色之间平滑动画.
2. 当用户快速将鼠标移入和移出div时,没有动画"过度".
3. 如果用户在动画仍在播放时将鼠标移出/移入,则在当前"中途"状态和新"目标"状态之间正确缓解.

但是由于样式更改是定义的,animate()我必须更改那里的样式值,并且不能只指向我的样式表.定义样式的"碎片"真的让我困扰.

例2

这是我目前使用的最佳尝试addClass()和removeClass(请注意,要使动画工作,您需要jQuery-ui):

//assume classes 'red' and 'blue' are defined

$('#someDiv')
  .addClass('blue')
  .mouseover(function(){
    $(this).stop(true,false).removeAttr('style').addClass('red', {duration:500});
  })
  .mouseout(function(){
    $(this).stop(true,false).removeAttr('style').removeClass('red', {duration:500});
  });

这显示了我原始要求的属性1.和2.但是3不起作用.

我明白这个的原因:

当动画addClass()和removeClass()jQuery为元素添加临时样式,然后递增适当的值,直到它们达到提供的类的值,然后才实际添加/删除类.

因此,我必须删除style属性,否则如果动画中途停止,则样式属性将保留并永久覆盖任何类值,因为标记中的样式属性比类样式具有更高的重要性.

但是,当动画完成一半时,它还没有添加新类,因此使用此解决方案,当用户在动画完成之前移动鼠标时,颜色会跳转到上一个颜色.

我理想的是能够做到这样的事情:

$('#someDiv')
  .mouseover(function(){
    $(this).stop().animate( getClassContent('blue'), {duration:500});
  })
  .mouseout(function(){
    $(this).stop().animate( getClassContent('red'), …

我一直在使用jQuery UI进行一些基本的页面增强.按钮和输入样式和模态对话框.现在我遇到了Bootstrap,它看起来很不错.

有没有人有从使用jQuery UI到Bootstrap的经验？这就是我想要做的事情,但在我这样做之前,我想知道我可能面临的问题.

如果发生任何变化,我想捕获<textarea>.就像键入任何字符(删除,退格)或鼠标单击并粘贴或剪切一样.是否有可以触发所有这些事件的jQuery事件？

我尝试了更改事件,但只有在从组件中跳出后才会触发回调.

使用:如果<textarea>包含任何文本,我想启用按钮.