标签: jquery-ui

我的html元素有以下事件处理程序

jQuery("#seek-bar").click(function(e){
    var x = e.pageX - e.target.offsetLeft;
    alert(x);    
});

我需要在点击时找到#seek-bar上鼠标的位置.我原以为上面的代码应该可以工作,但是结果不正确

我决定使用JQuery UI Datepicker脚本来挑选日期.下面是我的代码的一部分,以及我将其集成到我的PHP页面的方式:

<link type="text/css" href="css/south-street/jquery-ui-1.8.6.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
<script type="text/javascript">
$(function(){
    // Datepicker
    $('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' });
    //hover states on the static widgets
    $('#dialog_link, ul#icons li').hover(
        function() { $(this).addClass('ui-state-hover'); }, 
        function() { $(this).removeClass('ui-state-hover'); }
    );
});
</script>

和:

    // date picker (embeds JQuery script)
echo '<label for="datepicker">Date: </label>';
echo '<input type="text" name="datepicker" id="datepicker" />';
echo '<div id="datepicker"></div>';

几乎根据JQuery UI说明.

现在我的问题是:如何在文本输入字段中禁用手动输入？我只希望JQuery的日期选择器脚本能够填补文本字段.据我所看到的,脚本目前防止用户进入任何非数字字符到文本字段,但编号的任意组合被允许(因此,如"95460829468"乱码是允许的).

知道如何让DatePicker出现在相关文本框的末尾而不是直接在它下面吗？容易发生的是文本框朝向页面底部,DatePicker向上移动以占用它并完全覆盖文本框.如果用户想要输入日期而不是选择日期,则他们不能.我宁愿让它出现在文本框之后,所以它如何垂直调整并不重要.

知道如何控制定位吗？我没有看到小部件的任何设置,我没有运气调整CSS设置,但我很容易丢失一些东西.

当你使用jquery UI对话框时,一切都很好,除了一件事.当浏览器调整大小时,对话框只会保持在初始位置,这可能非常烦人.

你可以测试一下:http: //jqueryui.com/demos/dialog/

单击"模态对话框"示例并调整浏览器的大小.

我希望能够在浏览器调整大小时让对话框自动居中.这可以在我的应用程序中以有效的方式完成我的所有对话吗？

非常感谢!

我已经在项目中设计并实现了jQuery UI滑块.虽然它可移动并且可以正确缩放,但它不允许轻击和拖动.相反,你必须触摸滑块的位置.jQuery移动UI支持这一点,但我有时间投入已有的东西.

我们想要的功能: 这里
我们使用的是:在这里

在桌面上你无法区分.在移动设备上很明显.

任何人都知道如何将此支持添加到jquery UI？

$("#cameraSlider").slider({
  value: 2,
  min: 1,
  max: 3,
  step: 1,
  slide: function(event, ui) {
    cameramen = ui.value;
    return calcTotal();
  }
});

谢谢,赛斯

我是网络开发的新手,那里有太多的j*东西.我想知道这些框架之间有什么区别？

此外,为什么人们谈论使用jQuery创建插件？它不应该是一个JavaScript库,使您的网页更具互动性吗？

如何禁用jQuery draggable,例如在UpdatePanel回发期间？

我正在使用jQuery UI对话框.如果它是开放的,我想做一件事.如果关闭,我想做另一个.

我的问题是,如何检测jQuery UI对话框是否打开？

如何在Web应用程序中组织js&css文件夹？

我目前的项目结构如下:

root/
  assets/
    js/
      lib/
    css/
    img/
  index.html

但是当我使用许多javascript库和css插件时,它会更复杂.Javascript插件附带自己的.js文件,有时带有自己的.css文件.

例如,当我将JQuery与JQueryUI插件一起使用时,我将jquery.js和jquery-ui.js放在js/lib目录中.但是JQueryUI附带了自己的css文件.我应该从javascript插件中将css放在哪里以获得最佳实践？我应该把它们放在lib文件夹中,以区分我的css和javascript css插件吗？或者别的地方？

我知道这是个人偏好,但我只是想知道你们如何组织你的项目文件夹.

提前致谢 :)

看来这是JQuery UI 1.9.0中的一个新功能,因为之前我曾多次使用过JQuery UI,而且这篇文章从未加速过.

找不到与API文档相关的任何内容.

因此,使用本地源的基本自动完成示例

$( "#find-subj" ).autocomplete({
    source: availableTags
});

当搜索匹配时,它显示此相关帮助文本:

'1结果可用,使用向上和向下箭头键进行导航.

如何以一种很好的方式禁用它,而不是通过使用JQuery选择器删除它.