Tag: javascript

bind（this）不能在ajax成功函数上工作: 我使用react和jQuery。这是我的代码的一部分。在响应组件安装之前，我执行ajax请求以了解用户是否已登录。当响应返回状态代码200时，应该设置状态。我错误地使用bind(this)吗？ componentWillMount: function(){ $.ajax({ url: “/is_signed_in”, method: “GET”, dataType: “json” }).success(function(response){ this.setState({ signedIn: response.signed_in, currentUser: $.parseJSON(response.current_user) }); }.bind(this)); }, componentDidMount: function(){ console.log(this.state.signedIn); } 编辑01 当我做console.log(this); success(function(response){…})回调。 this是下面的。 R…sc…s.Constructor {props: Object, context: Object, state: Object, refs: Object, _reactInternalInstance: ReactCompositeComponentWrapper}_reactInternalInstance: ReactCompositeComponentWrapper_context: Object_currentElement: ReactElement_instance: ReactClass.createClass.Constructor_isOwnerNecessary: false_isTopLevel: false_mountImage: null_mountIndex: 0_mountOrder: 2_pendingCallbacks: null_pendingElement: null_pendingForceUpdate: false_pendingReplaceState: false_pendingStateQueue: […]

jQuery datepickerhover输出日期: 我正在使用jQuery datepicker，我想显示用户当前hover的日期。我有下面的代码（你也可以尝试JSFiddle的代码， http ： //jsfiddle.net/JGM85/ ）： $(function() { $(“#datepicker”).datepicker(); $(“.ui-state-default”).live(“mouseenter”, function() { $(“h1”).text($(this).text()); }); }); 目前，当hover在某个日期上时，日期的数量（即23）将输出到h1标签。我想改变它，以便输出整个日期并将其存储在变量中。任何帮助都将不胜感激。

使用javascript substring（）创建一个read more链接: 我正在开发一个经典ASP页面，它从数据库中提取一些内容，并在前100个字符后创建一个Read more链接，如下所示; $(function() { var cutoff = 200; var text = $(‘div.contentdetail’).text(); var rest = $(‘div.contentdetail’).text().substring(cutoff); if (text.length > 200) { var period = rest.indexOf(‘.’); var space = rest.indexOf(‘ ‘); cutoff += Math.max(Math.min(period, space), 0); } var visibleText = $(‘div.contentdetail’).text().substring(0, cutoff); $(‘div.contentdetail’) .html(visibleText + (” + rest + ”)) .append(‘Read More…’) .click(function() { $(this).find(‘span’).toggle(); $(this).find(‘a:last’).hide(); […]

HTML5video搜索: 如何让我的video播放器跳过/寻找到某个时间。我已经开始使用此function，当页面首次加载（在Chrome中）但在其他任何浏览器中都没有时，它会起作用。我也有一个闪回落，这可能是一个痛苦，但现在优先考虑事项的HTML方面主要问题是它不能在Chrome之外工作！编辑：这现在适用于IE9，Chrome和Firefox。但是，不是闪存后备！以下是我到目前为止的尝试。到目前为止我正在使用以下JS： $(function () { var v = $(“#video”).get(0); $(‘#play’).click(function(){ v.play(); }); $(‘.s’).click(function(){ alert(“Clicked: “+$(this).html() +”- has time of -” + $(this).attr(‘s’) ); v.currentTime = $(this).attr(‘s’); v.play(); }); }); 哪个链接到以下内容： <!– If the browser doesn't understand the element, then reference a Flash file. You could also write something like “Use […]

无法使用.submit（）提交表单: 当任何表单值更改并填写表单中的所有字段时，我需要触发表单提交事件。除了$(‘#date_filter_form’).submit();之外，其中的所有内容都有效$(‘#date_filter_form’).submit(); 线。我可以.hide（）表单，但由于某种原因不能提交（）它。文档说submit（）与trigger（’submit’）相同，所以我无法弄清楚它为什么不起作用。 $(‘#date_filter_form input[type=”text”]’).change(function() { var from_val = $(‘#date_filter_form #from_date’).val(); var to_val = $(‘#date_filter_form #to_date’).val(); if(from_val != ” && to_val != ”) { $(‘#date_filter_form’).submit(); } }); HTML： From to

如何为所有AJAX链接编写一个jquery函数: 我在Windows上使用zend框架。我想第一次在我的项目中实现ajax。我搜索了帮助并创建了一个非常简单的ajaxfunction。 IndexController.php public function indexAction() { } public function oneAction() { } public function twoAction() { } index.phtml One Two one.phtml content comes here two.phtml content comes here AJAX.js jQuery(document).ready(function(){ jQuery(‘.one’).click(loadOne); jQuery(‘.two’).click(loadTwo); }); function loadOne(event) { event.preventDefault(); jQuery.ajax({ url: ‘/index/one’, success: function( data ) { jQuery(‘#one’).html(data); } }); } function loadTwo(event) { event.preventDefault(); […]

CK编辑第二次validation: 我的HTML中有两个CKEditor（我的意思是说多个ckeditors）。另外我使用Validate插件检查CKEditor是否为空，如果为空显示错误。 validation工作完美，但它第二次validation，而它应该第一次validation自己。我在这里检查了所有的问题和答案，但都没有帮助。我创建了一个JS小提琴。 validation代码： HTML Editor 1: Editor 2: 脚本 $(document).ready(function(){ // validate signup form on keyup and submit $(“#frmEditor”).validate({ ignore: [], debug: false, rules: { editor1:{ required: true }, editor2:{ required: true } }, messages: { editor1: { required: “Please enter” }, editor2: { required: “Please enter” } }, submitHandler: function(form) […]

有没有办法保持价值观？ – 在回发中丢失了: 我有两个选择使用作为国家/州的下拉列表一切都按照我的预期工作，但当我做回发后，我失去了上面的值保留价值的最佳方法是什么，你能告诉我一个例子吗？谢谢。

使用jQuery创建和访问SVG标记？: 可以在jQuery中创建一个SVG标记，如下所示： var dragSVG = $(”); dragSVG.append(”); 然后，如果是这样，如何访问DOM？即。如果是HTML，我会执行以下操作： return dragSVG.html(); 但是因为它不是HTML，所以引发exception…或者我错过了一些完全基本的东西！？编辑：我会试着解释一下我想要更清楚地实现的目标; 我有一个代表SVG’项目’的按钮，可以将其拖动到主SVGcanvas上。当用户开始拖动时，我想在鼠标下显示SVG“项目”以提供用户反馈。当用户将其放到canvas上时，我需要将“项目”移动到主canvas上。 $(‘#testBtnDrag’).draggable({ opacity: 0.7, revert: ‘invalid’, cursorAt: { top: 0, left: 0}, helper: function (event) { var dragSVG = ”; return dragSVG; } }); // I can’t attach the droppable to the SVG tag directly, IE / FF don’t […]