Tag: jQuery

IPython内核javascript双向通信的简单例子: 我的目标是为IPython编写一个交互式variables查看器，也就是说，可以查看嵌套的字典/列表树，并向下钻取（有点像Javascript中的console.log）。我花了很多时间尝试从IPython的directview示例中提取简约的代码，但是仍然无法理解它是如何工作的。我的Python确定，但我的jQuery经验是相当有限的。所以我不得不将directview.js剥离到下面 container.show(); var widget = $('<div/>') element.append(widget); var output = $('<div></div>'); $(widget).append(output) var output_area = new IPython.OutputArea(output, false); var callbacks = { 'output': $.proxy(output_area.handle_output, output_area) }; var code = 'print 1+1' var msg_id = IPython.notebook.kernel.execute(code, callbacks, {silent: false}); 这个工程当我加载directview.ipynb。但是，我仍然不清楚如何使其完全独立（即不需要directview.py，并传递比IPython.OutputArea的标准handle_output另一个callback）。其中一个问题是container.show()在以独立方式调用时失败。我迷失在几个方面：为什么有一个element.append(widget) ，然后$(widget).append(output) ？另外为什么还需要创build一个Ipython.OutputArea 。没有办法创build一个<div id=my_output_area>blah</div>然后让outputcallback用相关数据填充它吗？什么是整个.proxy的东西呢？我想创build自己的callbackoutput但是当我这样做和console.log()parameter passing给callback，他们是undefined或只是无用的。 […]

Knockout.js似乎正在打破我的jQuery事件处理程序，多么粗鲁: 好吧，我一直试图解开这个混乱几个小时，并且无处可逃，类似于追逐尾巴的狗。这是情况。我为我的UI使用Knockout.js，它本身很好用。但是，我试图使用一些第三方代码，使下拉菜单和checkbox看起来都很漂亮。其实我甚至不确定这是第三方库还是我们的devise师写的。这段代码隐藏了真正的checkbox，并用一个假的<span />替代它，通过CSS来模仿一个checkbox。跨度的click事件触发真实checkbox的change事件： // this code updates the fake UI this._changeEvent = function() { self.isChecked = self.$input.is(':checked'); self._updateHTML(false, true); jQuery(self).trigger('change'); }; // when the user clicks the fake checkbox, we trigger change on the real checkbox this.$fake.on('click', function(e) { e.preventDefault(); self.$input.click().trigger('change'); }); // Bind _changeEvent to the real checkbox this.$input.change(this._changeEvent); […]

什么是使用JQuery Ajax和ASP.Net Mvc的正确模式？: 我对Mvc框架以及JavaScript和JQuery都很陌生。我想了解构buildAjax调用的正确方法。假设我有一个类似于你在StackOverflow上看到的“Vote Up”button。当用户点击它时，我需要更新数据库中的投票计数并将新值返回给用户界面。目前我通过在“PostsController”上使用一个名为“VoteUp”的操作来实现这一点，该操作以“int postID”作为参数。 public PostsController : Controller { public ActionResult VoteUp(int postId) { //Increment Post Vote Count return Json(voteCount); //Return just the new vote count as a JSon result. } } 然后通过调用url“ http://mydomain.com/posts/voteUp?postId=5 ”通过ajax调用这个方法。然后我用新的值返回一个JSon ActionResult来更新UI。这是实施这个的正确方法吗？同样，我对javascript和jquery都是全新的。我习惯于在asp.net webforms中单击事件处理程序。任何指导将不胜感激。

使用PHP / JavaScript将通知从服务器推送到用户: 简而言之：有没有办法将数据从服务器推送到login用户会话，而无需用户发出HTTP请求？ Long（er）：我正在Apache / PHP / MySQL服务器上构build一个HTML5应用程序，可以将这个应用程序提供给移动设备上的用户（或者通过PhoneGap应用程序）。我希望让用户知道应用程序何时有新的信息，而不会通过强制用户执行对服务器的调用或需要AJAX调用来减less过多的数据费用（是的，我知道它可以检查单个字节cookie，但我宁愿让它为零）。一个很好的例子就是发送两个用户之间的聊天消息，从一个用户提交给另一个用户。

jQuery：取消绑定事件处理程序，以便以后再绑定它们: 有人知道如何解除绑定事件处理程序，但记住它们以便以后再绑定它们吗？有什么build议么？

如何模拟使用jQuery在input字段中input？: 我想要的是模拟使用javascriptinput<input>字段。我有以下代码： var press = jQuery.Event("keydown"); press.ctrlKey = false; press.which = 65; $("#test").trigger(press); 但是当我加载页面时， #testinput字段没有input字符， #test '的键码代表'A'，但没有'A'input。基本上我想要的是使用Greasemonkey自动input网站。请给我一些想法或一些图书馆，我可以用它来做到这一点。非常感谢！

什么是一个react.js友好的方式来animation列表重新sorting？: 我有一个项目列表，按分数sorting，由react.js呈现为垂直方向的矩形项目列表（最高分）。对单个项目的盘旋和其他点击可以显示/隐藏额外的信息，改变它们的垂直高度。新的信息到达，稍微改变分数，使得一些项目在重新sorting之后排名更高，而其他更低。我希望这些物品能够同时生成新的位置，而不是立即出现在新的位置。在React.js中是否有推荐的方法来做到这一点，也许有一个stream行的附加？（在使用D3的类似的过去的情况下，我使用的技术大致是：按照自然顺序显示具有项目DOM节点的列表，并进行相对定位。在相对定位的情况下，其他小的变化 – CSS或JS触发 – 个别项目的范围将按预期转移其他人。在一个步骤中，使所有的DOM节点都变为实际的相对坐标作为新的绝对坐标 – 一个DOM变化，不会引起视觉变化。在其父代中，将项目DOM节点重新sorting为新的sorting顺序 – 另一个DOM更改不会导致可视的更改。根据新sorting中所有前面项目的高度，将所有节点的顶部偏移量animation到新的计算值。这是唯一直观的步骤。将所有项目的DOM节点变回无偏移的相对定位。同样，这不会导致视觉上的改变，但是现在相对定位的DOM节点，在底层列表的自然顺序中，将通过适当的移位来处理内部hover/展开/ etc样式的改变。现在我希望以React-ish的方式获得类似的效果…）

当用鼠标selectdate时，JQuery UI Datepicker失去焦点: 我正在使用JQuery UI和datepicker，当用户select一个字段，他们适当地得到日历popup。用户选项卡（通过键到字段用户用鼠标点击selectdate 用户选项卡 Tabindex从1开始（在表单的开头）这里是代码。（也可能有标签索引集） <input type="text" name="demo" /> <input type="text" class="date" /> jquery代码是： $(".date").datepicker(); 关于如何解决这个问题的任何build议（奖金最短的解决scheme）？

如何缩放，使容器也增长和占用空间: 所以我有一个容器，我想要扩大和缩小（放大和缩小），但也有扩大/缩小的forms占用空间，而不是重叠其他的东西。更新有一个图像，有absolute div放置在坐标，他们必须保持其上下相对位置（因此为什么我使用规模）。 var b = document.getElementById("outer"); var scale = 1; function increase() { scale += 0.1 b.style.transform = `scale(${scale})`; } function decrease() { scale -= 0.1 b.style.transform = `scale(${scale})`; } #outer { overflow-x: auto position: relative; transform-origin: left top; } .pointer { width: 20px; height: 20px; background-color: orange; position: absolute; } #a1 { […]

CSS水平表单元格间距：怎么样？: 希望这是一个容易的，但我还没有find一个解决scheme。我想在桌子上的列之间放置空间。例 | Cell |<- space ->| Cell |<- space ->| Cell | 重要的一点是，我不想在边缘空间。有一个border-spacing属性，但在IE（6或7）中不支持，所以不好。它也把空间放在边缘。我提出的最好的方法是在我的表格单元格上加上padded-right：10px，然后向最后一个单元格添加一个类以删除填充。这是不太理想的，因为额外的空间是不在其外的单元的一部分。我想你可以用透明的边框做同样的事情？我也尝试使用jQuery： $(function() { $("table > tbody > tr:not(:last-child").addClass("right-padding"); }); 但是即使在只有〜100行的桌子上，在某些情况下也需要200-400毫秒，这太慢了。任何帮助赞赏。谢谢对于那些build议列他们不工作。尝试这个： <html> <head> <title>Layout</title> <style type="text/css"> table { border: 1px solid black; } td { background: yellow; } </style> </head> <body> <table> […]