Tag: coffeescript

JQuery没有解决我的Rails 3.2项目: 在标题中，我确保所有需要的JS文件都包含在元标记中，包括jquery-rails / coffee-rails gem，链接到外部标记以防万一。这是来自Ryan Bates Stripe教程的修改过的脚本，据我所知它通过检测表单中的提交动作来启动它。由于我不熟悉JS或CoffeeScript，我无法确定这里的问题是什么。非常感谢我能得到的任何帮助。 donations.js文件： jQuery -> Stripe.setPublishableKey($(‘meta[name=”stripe-key”]’).attr(‘content’)) donation.setupForm() donation = setupForm: -> $(‘#new_donation’).submit -> $(‘input[type=submit]’).attr(‘disabled’, true) if $(‘#card_number’).length donation.processCard() false else true processCard: -> card = number: $(‘#card_number’).val() cvc: $(‘#card_code’).val() expMonth: $(‘#card_month’).val() expYear: $(‘#card_year’).val() Stripe.createToken(card, donation.handleStripeResponse) handleStripeResponse: (status, response) -> if status == 200 alert(response.id) else alert(response.error.message) 捐款/ new.html.erb表格 […]

coffeescript总是返回响应对象: 我在coffeescript中有以下代码 getSection = (url) -> req = $.getJSON url return req.success (data) -> data.section 要么， getSection = (url) -> req = $.getJSON url req.success (data) -> data.section 我打算返回函数getSection 。但它总是返回另一个对象（可能是response / ajax对象）。如何强制从这个内部函数返回data.section中的值？提前致谢？

从jQuery Autocomplete Widget Ajax调用中访问$（this）DOM元素: 在下面的代码（Coffeescript）中，在AJAX调用jQuery自动完成数据源，在代码的第5行，我传递了2个参数 – term：和ll：对于ll：我正在尝试获取$（this）是.autocomplete应用于的DOM元素。在这种情况下，它的$（'[type =“text”] [name * =“[location]”]’）我需要在第5行专门用（$ this）引用那个DOM元素。不过，我相信’这个’在该范围内指的是不是DOM元素的其他东西。有人可以帮我解释一下我需要做什么吗？ $(‘[type=”text”][name*=”[location]”]’).autocomplete( source: (request, response) -> $.ajax url: $(‘[type=”text”][name*=”[location]”]’).data(‘autocomplete-source’) data: {term: request.term, ll: $(this).siblings(‘[name*=”[geocode_location]”]’)} contentType: “application/json; charset=utf-8″ success: (data) -> response $.map(data, (item) -> value: item.value label: item.label address: item.address ) focus: (event, ui) -> event.preventDefault() $(this).val ui.item.label select: (event, ui) -> event.preventDefault() $(this).val ui.item.label $(this).siblings(‘[name*=”[foursquare_id]”]’).val […]

使用Ajax请求的奇怪行为: 我有一个循环，正在制作多个ajax获取。 for dataType in @dataTypes url = someUrl + dataType console.log(dataType) console.log url $.ajax( url : url type : ‘GET’ success : (data) => @populateSearchIndices(data,dataType) ) populateSearchIndices:(data,dataType)-> console.log “looking at what indexes are there” console.log dataType indices = [] for object in data indices = indices.concat(Object.keys(object)) console.log “indices” console.log indices arr = @typeIndexMap[dataType] if arr […]

jquery ready函数没有被命中内部函数: 所以我的jquery ready函数没有被调用。我在线上放了一个断点，然后点击它，但是函数里面没有任何东西被击中。这是js，它是由coffeescript生成的。 (function() { jQuery(function() { return alert(‘working’); }); }).call(this); 所以jQuery行的断点被击中，但不是警报。有任何想法吗？

如何在添加类时设置顺序延迟？: 我正在使用jQuery UI插件和最新的jQuery。我想顺序添加类，逐个添加我的元素数组。现在我有这个： $(@el).addClass(“gridBoxComplete”, 400, “easeOutBounce”).delay(800) 其中@el是数组中的当前元素。但是，在运行迭代中的下一个项目之前，这不会延迟此对象。我基于这个想法基于这个动画。 $(@).hide().each (index) -> $(@) .delay(index * 100) .fadeIn 500

在jQuery UI对话框中，observableArray绑定表不会更新: 我正在尝试创建一个带有按钮的页面，当单击该按钮时，会打开一个模式对话框，允许用户搜索产品并将选定的搜索结果添加到订单中。我已经创建了我认为可以工作的东西（ jsfiddle示例），但是绑定到observableArray的搜索结果表不会更新。如果我从删除data-bind属性，则搜索结果表会正确更新。此外，我只能通过将JavaScript放在正文（框架选项无包装（正文））中来获取jsfiddle样本以重复相同的行为，即使脚本在实际实现中的ready（）回调期间加载。我哪里错了？（我在这里发布了所有代码。）更新：似乎Knockout foreach绑定无法看到observableArray的更新。我已经创建了自己的绑定（更新的jsfiddle示例）模板，几乎可以满足我的需求，但效果不是很理想。如何让foreach绑定识别集合何时发生变化？

Rails 3.1 CoffeeScript / JQuery – 如何在div中更改图像的来源？: 我想用jquery更改链接的图像。这是我试过的：在我的Haml文件中： .selected = link_to image_tag(‘/assets/unselected.png’), {:controller => Posts, :action => “update”, :selected => true}, :id => “selected_post”, :remote => true, :method => :put 在我的posts_controller中的一些东西之后，这里是update.js.coffee，我试图用一个名为selected.png的新映像更改链接的图像： $(“selected_post”).attr ‘src’, ‘/assets/selected.png’ 我不工作，如果我拨打警报： alert $(“selected_post”).attr ‘src’ 它发送“未定义”。我想我错过了一些东西。

Ember.js Ember.View didRender活动: 我构建了一个ember.js应用程序，它也与其他一些jQuery插件相关联。我有一些表单字段，我需要在呈现视图时调用jQuery插件。我已经尝试挂钩到didInsertElement ，但显然绑定表单字段的值在插入时没有分配。视图完全呈现或绑定初始化时是否存在回调？即。 MyView: Ember.View.extend #Boaring normal stuff here didInsertElement: -> $(‘.some-class’).doSomething() 和 {{view Ember.TextField valueBinding=”someField” class=”some-class”}} 不起作用，因为.some-class的值尚未设置。我不想使用setTimeout并创建竞争条件。

如何在Rails中使用Ajax和Jquery将图像上传到Amazon AWS（S3）？: 我希望用户从网站上传他们的图片。我已经完成了大部分工作但是现在，我在将图像上传到服务器时遇到了困难。我该如何解决这个问题？ HTML – “> X Delete Cancel  Upload Here <input type="hidden" name="user_id1_key" value="”/> 咖啡脚本 – $ -> if $(‘#target1 img’).length == 1 $(‘#file_browser1’).addClass ‘none’ $(‘#close1’).addClass ‘delete1’ $(‘#closebtn1’).on ‘click’, (e) -> $(‘#closemsg1’).addClass ‘msg1’ $(‘#cancelbtn1’).click -> $(‘#closemsg1’).removeClass ‘msg1’ $(‘#deletebtn1’).click -> $(‘#close1’).removeClass ‘delete1’ $(‘#closemsg1’).removeClass ‘msg1’ $(‘#target1 > img’).hide() $(‘#file_browser1’).removeClass ‘none’ $(‘#file-upload1’).val(”) return $(‘#file-upload1’).on ‘change’, (event) […]