Tag: jQuery

TypeError：无法读取未定义的属性“setState”

我试图在ajaxcallback从REST api接收数据后setState的组件。 这里是我的组件构造函数的代码 constructor(props) { super(props); this.state = { posts: [] }; this.getPosts = this.getPosts.bind(this); } 然后我有一个componentDidMount方法，看起来像下面。 componentDidMount() { this.getPosts(); } 现在，这里是我正在做Ajax请求的getPosts函数。 getPosts = () => { $.ajax({ type: 'get', url: urlname, success: function(data) { this.setState( { posts: data } ) } }); } 我正在绑定设置状态，但我得到以下错误。 this.setState is not a function 不确定是什么原因造成的。 如果有人指向正确的方向，这将是非常有帮助的。 提前致谢。

如何将依赖于jQuery的Javascript小部件embedded到未知的环境中

我正在开发一个依赖于jQuery的JavaScript小部件。 该小部件可能会或可能不会被加载到已经加载了jQuery的页面上。 在这种情况下出现了很多问题… 如果网页没有jQuery，我必须加载我自己的jQuery。 但是，这样做似乎有一个微妙的时间问题。 例如，如果我的小部件在jQuery完成加载和执行之前加载并执行，我得到一个jQuery is not defined错误。 如果网页有jQuery，我通常可以使用它。 如果jQuery的版本是旧的，但是，我想加载我自己的。 如果我加载自己的，但是，我需要这样做，不要跺脚他们的$variables。 如果我设置了jQuery.noConflict()并且它们的任何脚本依赖于$ ，那么我只是打破了他们的页面。 如果网页使用另一个JavaScript库（例如原型），我还需要对原型的$variables敏感。 由于以上所有，不依赖于jQuery似乎更容易。 但是，在我走下这条道路之前，我将首先征求build议。 我的代码的基本框架，包括计时错误和有时$ bug，如下所示： <script type="text/javascript" charset="utf-8"> // <![CDATA if (typeof jQuery === 'undefined') { var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '{{ URL }}/jquery.js'; head.appendChild(script); } // ]]> </script> <script type="text/javascript" src="{{ URL […]

我如何检查是否加载了一个jQuery插件？

有什么办法来检查一个特定的插件是否可用？ 想象一下，你正在开发一个取决于另一个插件被加载的插件。 例如，我想要jQueryvalidation插件使用dateJS库来检查给定的date是否有效。 如果dateJS可用，在jQuery Valuation插件中检测的最佳方法是什么？

如何使用JavaScript从string中删除空格？

如何删除string中的空格？ 例如： input： '/var/www/site/Brand new document.docx' 输出： '/var/www/site/Brandnewdocument.docx' 谢谢

通过CSS调整button大小

我使用jQuery的手机来生成我的button，我有一个CSS代码下面来改变它的devise，但无论我把宽度和高度放在什么值的button的大小不会改变，但它是相对依赖于字体大小标签。 我怎样才能改变这个，所以我可以改变button的大小，而不考虑标签的字体大小？ $("#ui-1").css({'position':'absolute','left':'27.0px','top':'51.0px','width':'120.0px','height':'30.0px',}); $("#ui-1 .ui-btn-text").css({'font-family':'"Calibri","Arial","Sans Serif"','font-size':'0.75em','color':'black','text-align':'left','wordwrap':'normal','text-shadow':'1px 1px 1px #FFFFFF'});

如何closures隐藏DIV点击它（但不在里面）

我有一个div ，我添加到一个页面，我需要做到这一点，当用户点击该部门之外，它会隐藏，但不是如果他点击侧div，那么它应该留下来。 我试过使用 e.stopPropagation(); 和 e.preventDefault(); 将它添加到该特定的div的点击事件，但没有工作。 任何人都知道有什么好的想法？

出生datevalidation不断显示

我正在input一个DOB – 22/12/1986到我的文本框中，validation不断发射。 它说： The field DOB must be a date. 我的模特 ： [System.ComponentModel.DisplayName("DOB")] [DisplayFormat(DataFormatString = "@{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)] [Required(ErrorMessage = "Date Of Birth is required")] [RegularExpression(@"{0:dd/MM/yyyy}", ErrorMessage = "Invalid Date")] // below is a link public DateTime DOB { get; set; } 我的观点 ： <div class="form-group"> @Html.LabelFor(model => model.DOB, htmlAttributes: new { @class […]

包括多个jQuery版本

试图加载这3个没有冲突。 但是，还是有冲突的。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script> var $j = jQuery.noConflict(); $j(function() { $j( "#selector" ).click(function() { alert("hello"); }); }); </script>

replace。（）不起作用

我只是尝试使用.replace() jQuery函数。 它不起作用。 HTML： <div class="try"> </div> JS： var valr='r'; valr.replace('r', 't'); $('.try').prepend('<div> ' + valr + '</div>'); 结果：我得到'r'，而我想't' 任何想法，为什么它不工作？

Fancybox2 – 不同内容的工具提示和图像标题，从标题属性？

缩略图工具提示和图库图像标题都来自相同的标题HTML属性。 我想为缩略图工具提示和图像标题有不同的内容。 例如我想提示说： Sculpture name和图像标题说： Sculpture name: Height 123cm 有没有办法做到这一点？ 非常感谢。 我当前的HTML： <a class="fancybox" rel="works" title="Sculpture1 Height:1232mm" href="images/Sculpture1_large_res.jpg"><imagetag alt="Sculpture1 Height:1232mm" src="images/thumbs/Sculpture1_thumb.jpg" class="thumb"></a> <a class="fancybox" rel="works" title="Sculpture2 Height:1232mm" href="images/Sculpture2_large_res.jpg"><imagetag alt="Sculpture2 Height:1232mm" src="images/thumbs/Sculpture2_thumb.jpg" class="thumb"></a> UDATE： 我目前的select; $(document).ready(function() { $(".fancybox").fancybox({ openEffect : 'elastic', closeEffect : 'elastic', 'arrows' : false, helpers : { buttons : {} } }); }）;