Tag: jquery ui

jquery语法:放置“toFixed”的位置

我想围绕jQuery的结果,但我不知道放在.toFixed() (function ($) { $(document).ready(function() { $(‘#custom_coverage’).keyup(function() { $(‘#result’).text($(‘.reads’).text() / ($(‘.amplicons’).text() * $(‘#custom_coverage’).val())); }); }); }(jQuery)); 谁可以帮忙?

JQuery从XML自动完成

我正在玩jquery ui autocomplete。 并且有一个关于如何查询XML数据的问题。 我有一个包含位置列表的XML文件,类似于: The Tower of London Example text 51.5082349601834 -0.0763034820556641 6286786 GB United Kingdom S CSTL http://www.exmaple.com 我的jQuery是: jQuery(document).ready(function() { lang = ‘en’; $.ajax({ url: “places.xml”, dataType: “xml”, success: function( xmlResponse ) { var data = $( “countryCode”, xmlResponse ).map(function() { return { value: $( “name”, this ).text(), id: $( “geonameId”, this […]

jQuery UI Dialog调用操作,返回MVC 3中的HttpContect响应流

我有一个自定义控制器扩展,以返回Excel文件作为HttpContext响应。 我的控制器动作如下: public ActionResult ExportToExcel() { return this.Excel(headers, results, filename); } 这与普通的MVC回调完美配合。 我正在尝试创建一个jQuery UI对话框,用户可以在其中输入文件名并按Export。 单击“导出”按钮时,将在控制器中调用MVC操作,但该文件未在浏览器中得到响应。 我的对话框代码是: $(“#export-excel”).dialog({ autoOpen: false, modal: true, title: “Export to Excel”, buttons: { Export: function () { $.post(“/Search/ExportToExcel”, function () { $(“#export-excel”).dialog(“close”); }); } } }); $(“#export-excel-button”).click(function () { $(“#export-excel”).dialog(“open”); return false; }); 和HTML: Filename:

JqueryUI sortable因滚动而失败

我在我的应用程序中使用jqueryUI sortable所以我有以下问题: 的jsfiddle 当您点击滚动条sortable项目时,您可以在此小提琴上看到,并且无法删除它。 我想要做的是在滚动时阻止拖动元素。 我刚刚做的是搜索可排序元素的事件,并尝试阻止滚动但这不能按我的意愿工作。 任何帮助,将不胜感激。

由于旧的jQuery UI 1.8.16库,jQuery 1.9.2无法工作,$(…)。tooltip无法正常工作? 如何解决这个问题?

我正在开发一个构建在一些重型PHP框架中的网站。 所以它已经包含了jQuery UI 1.8.16库。 现在我必须在一个网页上实现$(…).tooltipfunction。 此function在jQuery UI 1.8.16中不可用,但它在jQuery 1.9.2中可用。 所以我$(…).tooltip下行包含在HTML文件中,我想在其中实现$(…).tooltipfunction。 但仍然在萤火虫中我得到以下错误: TypeError: $(…).tooltip is not a function 如何解决这个问题? 有人可以帮我这方面吗?

如何防止Bootstrap使拖动行的宽度发生变化?

我想有一个表允许我拖放以重新排序其中的行。 以下是Trevor和原作者提供的解决方案。 拖放时,表及其行的宽度会发生变化,以便对其行重新排序 这是jsfiddle演示 http://jsfiddle.net/trevordowdle/2Sg8v/ 但是,如果我将Bootstrap类“table”添加到表中,则拖动的行会缩小。 我尝试了很多方法来设置拖动行的宽度(由JQuery UI动态创建的行)并没有成功。 这是jsfiddle演示。 http://jsfiddle.net/mddc/8sRxL/1/ 这是添加Bootstrap css后唯一的更改(表类)。 有任何解决这个问题的方法吗? 虽然post的标题提到了Bootstrap,但它可能只是由100%的表格宽度引起的。 但是,由于我无法控制的设计,我需要100%的表格宽度。 谢谢。

用对象覆盖jquery ui widget字符串选项

我希望jquery ui widget选项默认为字符串,但我希望它能够被一个对象覆盖。 当我这样做时,我实际上以一种奇怪的方式将字符串转换为对象,然后使用我传入的任何对象进行扩展。 $.widget(“ui.test”, { options: { anOption: “a,b,c” }, _create: function() { console.log(this.options); } }); $(‘div’).test({ anOption: { a: ‘A’ } }); 如果我跳过将小部件的选项传递给它,它将在_create方法中作为字符串接收。 如果我传入一个对象,就会发生奇怪的行为。 在chromes js控制台日志中我得到了这个,这不是我想要的。 Object anOption: Object 0: “a” 1: “,” 2: “b” 3: “,” 4: “c” a: “A” 我该如何解决这个问题? jsfiddle: http : //jsfiddle.net/MatteS75/s9wK2/

jQuery Autocomplete在鼠标输出时失去了选择权

当我通过键盘箭头选择项目时,输入字段中的选择会按预期更改。 但是,如果我将鼠标移出项目,则输入字段将恢复为用户键入的内容,从而丢失以前通过键盘进行的选择。 jsfiddle的例子 文档声称我正在尝试完成的事实上是默认行为,但它似乎无法正常工作。 另一个提到行为似乎已经改变的参考: http : //forum.jquery.com/topic/autocomplete-s-menu-items-mouseover-behavior#14737000002991273 我目前正在使用jquery-rails 2.0.2,它引入了jQuery-1.7.2。

Jquery Draggable UI覆盖了draggable-enabled div中HTML元素的正常浏览器行为

我有一个jquery ui draggable div,由于可拖动,HTML内容的行为不正常。 This text is not selectable. When I try to select it, the popup div is dragged. Lots of text here, vertical scrollbar appears. But clicking the scrollbars don’t work (doesn’t scroll the content). Each click (mousedown-mouseup) is considered “dragging”. 如何防止可拖动的ui覆盖HTML元素的正常浏览器行为?

计时器上的jQuery UI进度条

我的页面顶部有一个进度条,我用它来显示用于刷新所有图表的1分钟计时器。 我遇到的问题是它似乎永远不会一致。 function headerBar() { var progressbar = $(‘#timerBar’); progressbar.progressbar({ value: 0 }); function progress() { var val = progressbar.progressbar(‘value’) || 0; progressbar.progressbar(‘value’, val + 5); if (val < 99) { setTimeout(progress, 3000); } } progress(); } headerBar(); setInterval(function () { headerBar(); }, 60 * 1000); 它第一次运行正常,但第二次似乎需要1/2的时间,并且每次之后似乎从计数中减去了时间。 这是小提琴