Tag: jQuery

JQuery更改内部文本，但保留HTML: 我想改变一个HTML元素的文本，但用jQuery保留内部html的其余部分。例如： <a href="link.html">Some text <img src="image.jpg" /></a> 用“Other text”replace“Some text”，结果应该如下所示： <a href="link.html">Other text <img src="image.jpg" /></a> 编辑：我目前的解决scheme如下： var aElem = $('a'); var children = aElem.children(); aElem.text("NEW TEXT"); aElem.append(children); 但是必须有一些更优雅的方式来做到这一点。

Reactjs组件的asynchronous渲染: 我想在我的ajax请求完成后渲染我的组件。下面你可以看到我的代码 var CategoriesSetup = React.createClass({ render: function(){ var rows = []; $.get('http://foobar.io/api/v1/listings/categories/').done(function (data) { $.each(data, function(index, element){ rows.push(<OptionRow obj={element} />); }); return (<Input type='select'>{rows}</Input>) }) } }); 但是我得到了下面的错误，因为我在我的ajax请求的done方法中返回了render。 Uncaught Error: Invariant Violation: CategoriesSetup.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object. 有没有办法等待我的Ajax请求结束之前开始呈现？

JavaScript中的大括号是什么意思？: 我在一个jQuery文件中find了这个： xxx.css({ 'float' : 'right' }); 大括号是干什么的？

正确的方法来检测WebGL的支持？: 我试图检测跨多个浏览器的WebGL支持，我遇到了以下情况。即使当访问者的video卡被黑名单和/或WebGL被禁用，Firefox的当前版本也会使用以下检查来报告积极的支持： if (window.WebGLRenderingContext) { // This is true in Firefox under certain circumstances, // even when WebGL is disabled… } 我已经试过指导我的用户使用以下步骤启用WebGL。这在某些情况下有效，但并不总是如此。显然，这不是我可以向公众要求的东西：在Firefox的地址栏中键入about：config 要启用WebGL，请将启用webgl.force的设置为true 这导致我创build了自己的方法来检测支持，它使用jQuery注入一个canvas元素来检测支持。这拉扯了我在各种WebGL库和插件中find的许多技术。麻烦的是，testing是非常困难的（关于下面的链接是否适合你的评论是非常感谢！）。为了使这是一个客观的问题，我想知道是否有一个普遍接受的方式来检测所有浏览器的WebGL支持。 testingurl： http://jsfiddle.net/Jn49q/5/

jQuery：如何通过其srcfind一个图像: 我需要通过名称和src来查找img。我一直在尝试以下无济于事。 var s = $("img[src='http://img.dovov.comgreendot.gif'][name='BS']"); html： <img alt="This item is active." name="BS" src="http://img.dovov.comgreendot.gif"/> VS <img alt="This item is not active." name="BS" src="http://img.dovov.comspacer.gif"/>

MVC3：使checkbox需要通过jQueryvalidation？: 我希望我的“同意条款”checkbox是强制使用jQueryvalidation，在一个MVC3项目。我目前从“MS数据注释属性”+“MS MVC3不显眼的jQueryvalidation”服务器/客户端干/ SPOTvalidation。这是一个独立的testing（由MVC3生成的纯HTML）。为什么它不工作，请？运行时，validation可确保填写“联系人姓名”字段，但不关心checkbox的状态。 <!DOCTYPE html> <html> <head> <title>RequiredCheckbox</title> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript" src="//ajax.microsoft.com/ajax/jQuery.Validate/1.7/jQuery.Validate.js"></script> <script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.js"></script> <script type="text/javascript" language="javascript"> $(function () { // http://itmeze.com/2010/12/checkbox-has-to-be-checked-with-unobtrusive-jquery-validation-and-asp-net-mvc-3/ $.validator.unobtrusive.adapters.add("mandatory", function (options) { options.rules["required"] = true; if (options.message) { options.messages["required"] = options.message; } } }); $.validator.unobtrusive.parse(document); }); </script> </head> <body> <div> <form> <input data-val="true" data-val-mandatory="The […]

如何使用jQuery或JavaScript模拟点击button的动作？: 我需要使用JavaScript来模拟点击button的动作。我如何实现它？我可以用jQuery来实现吗？

在一个类的方法里面打印“this”: 我知道这可能是痛苦的基本的，但我有一个艰难的时间包裹着我的头。 class Main { constructor() { requestAnimationFrame(this.update); //fine } update(): void { requestAnimationFrame(this.update); //error, because this is window } } 这似乎是我需要一个代理的情况下，所以可以说使用Jquery class Main { constructor() { this.updateProxy = $.proxy(this.update, this); requestAnimationFrame(this.updateProxy); //fine } updateProxy: () => void update(): void { requestAnimationFrame(this.updateProxy); //fine } } 但是来自Actionscript 3的背景，我不太确定这里发生了什么。对不起，我不确定Javascript在哪里开始，TypeScript结束。 updateProxy: () => void 而且，我不相信我是这样做的。我想要的最后一件事是我的类的大部分都有aa（）函数，需要使用aProxy()来访问，因为我觉得我写了两次相同的东西？这是正常的吗？

$（document）.on（“click”…不工作？: 我可以在这里做出一个众所周知的错误吗？我有一个使用.on（）的脚本，因为一个元素是dynamic生成的，它不工作。只是为了testing它，我用静态的dynamic元素的换行replace了select器，它仍然不起作用！当我切换到普通旧.click的包装工作，虽然。（这显然不适用于dynamic元素，重要的元素。）这工作： $("#test-element").click(function() { alert("click"); }); 这不： $(document).on("click","#test-element",function() { alert("click"); }); 更新：我右键单击并在Chrome中执行“检查元素”，只需再次检查某些内容，然后单击事件即可正常工作。我刷新了，它没有工作，检查元素，然后它的工作。这是什么意思？