Tag: coffeescript

jquery:无法获取div的“value”属性

这是我的chrome javascript控制台的屏幕截图,展示了我的困境。 我真的不明白为什么我不能取“值”属性。 “class”属性工作得很好,所以我认为同样适用于“value”。 我在我的应用程序中测试的代码(coffeescript)如下所示: $ -> $(“.comment”).click -> alert $(this).attr ‘value’ 这个图片中显示的这个代码和代码都不起作用。 有谁知道我做错了什么或我应该做什么? 提前致谢!

将jQuery转换为Coffeescript

我之前发过一个令人困惑的问题。 长话短说,我有一点jQuery工作接近我想要的方式,但我不能为我的生活让它在CoffeeScript中工作。 当我在CS中尝试不同的方式时,“on search”事件会在加载页面后立即触发。 我不能像在jQuery中那样只是附加到dataTable。 我确信这是简单而愚蠢的事情。 这是代码: $(document).ready(function() { $(‘#customers’).dataTable( { “sPaginationType”: “bootstrap”, “aaSorting”: [], “ordering”: false } ); $(‘#customers’) .on( ‘search.dt’, function () { $(‘.nested_indent’).hide(); } ) } ); 最新的CS版本在这里(每次加载页面时都会跳转。) jQuery -> $(‘#customers’).dataTable( “sPaginationType”: “bootstrap” “aaSorting”: [] “ordering”: false ).$(‘#customers’).on( ‘search.dt’, $(‘.nested_indent’).hide() )

jQuery从元素中删除click事件处理程序

我有这个事件处理程序, $(‘#table_product’).on ‘click’, ‘.th1’,(event) -> $(this).unbind(“click”) #Not working 我想要实现的是当用户触发此事件时,它将从.th1禁用/分离click事件处理程序。 因此,它不会为用户提供下一个请求的任何响应。 目前,我已经尝试过unbind()和off() ,但仍然没有运气..还有其他建议吗?

在jQuery / Coffeescript中延迟ajax调用

这是一些粗略的javascript / jquery / coffeescript,在延迟后会在页面下部的DIV中滑动。 我正在使用rails,因此我也会点击一个端点,该端点会为特定幻灯片增加数据库中的视图计数器。 jQuery -> $(“div[data-slide=’true’]”).delay(20000).animate({opacity: 1,right:’+=350′},1350, ‘swing’); id = $(“div[data-slide=’true’]”).data(“slide-id”) $.ajax({url: “http://localhost:3000/firefly/slides/” + id + “/increment”, type: “post”}); $(“div[data-close=’true’]”).click -> $(“div[data-slide=’true’]”).clearQueue().animate({opacity: 0,right:’-=350′},500, ‘easeOutBounce’); 我知道这不是最好的javascript,我真的是JS的新手 – 但我现在的问题是我无法弄清楚如何延迟ajax调用所以它只会在幻灯片播放时点击端点动画。现在,当DOM完成加载时,它会到达终点并递增计数器。

使用鼠标光标位置作为CoffeeScript / JavaScript中的范围起点

正如标题所述,我想用光标的位置作为范围的起点。 现在有这样的简单样本 . . The quick brown fox jumps over the lazy dog . . 在CS / JS方面,我将事件监听设置为鼠标移动,试图打印出光标位置的偏移量,但是我没有使用正确的方法,最终得到undefined或no method error 。 再一次,非常简单的CS,因为我真的只想测试它。 $(document).ready -> $(document).mousemove -> target = event.target console.log(“#{target.offset()}”) // also tried .rangeOffset .offset 理想情况下,我想要一些可以输入到range.setStart()函数中的东西。 例如,如果我要在狐狸中使用m,我会希望偏移量返回为16,这样我就可以设置范围的开始,如range.setStart(target,16) 。 任何有助于我正确指导的帮助将不胜感激。 编辑:在输入并提交之后,我意识到期望元素给我回复偏移信息是多么愚蠢。 我非常失落,请指导我。

在coffeescript中停止setInterval

如何在脚本中停止setInterval? 警报工作, clearInterval没有,并且控制台中没有任何错误。 order = start_poll: -> interval = setInterval(@request, 60000) stop_polling: -> clearInterval order.start_poll() alert (‘expired’) request: -> id = $(‘#status_id’).attr(‘data-id’) $.get “/orders/#{id}”, (data) -> console.log(“#{data.status}”) if data.status is ‘expired’ order.stop_polling() $ -> order.start_poll()

在连接后将所有CoffeScript文件包装在JQuery文档就绪函数中?

我有许多CoffeeScript文件,我在转换为Javascript之前使用Cakefile连接。 如何在文档就绪函数中使用JQuery包装连接的CoffeScript文件? 例如: 我有以下CoffeScript文件,每个文件包含一个类: foo.coffee bar.coffee tea.coffee 为了生成JS文件,我使用以下Cake命令来连接咖啡并生成JS: task ‘build’, ‘Build single application file from source files’, -> appContents = new Array remaining = appFiles.length for file, index in appFiles then do (file, index) -> fs.readFile “#{file}.coffee”, ‘utf8’, (err, fileContents) -> throw err if err appContents[index] = fileContents process() if –remaining is 0 process = […]

jquery history.pushState脚本仅在第一次运行

我正在尝试使用ajax进行分页,使用pushState来更新url。 我遇到的问题是它只在第一次执行。 我的完整设置如下 Rails 3.2,Jquery,Kaminari(分页gem) 所以这是我用来更新url的代码 jQuery -> $(“.pagination a[data-remote=true]”).on ‘click’, (e) -> e.preventDefault() history.pushState {}, ”, $(this).attr(“href”) 并在show.js.erb上,更新我使用的内容 $(“#reviews”).html(”) $(“#paginator”).html(‘ true).to_s) %>’); 该节目每次都有效,但第一个脚本仅在第一次播放。 如果我在生成的脚本上设置了一个断点,我可以看到脚本第一次被调用时,它可以正常工作,但之后它永远不会被调用,就好像我猜的那样有一些解除绑定。

Gmaps4rails循环遍历数组

我有一个包含30多个位置的数组,我想在地图上显示。 但是,我没有找到一个演示如何遍历数组以使标记出现在地图上的源,而是选择严格硬编码地图lat / long值。 例如,这是我目前的代码,但它返回错误: allLocations = root.table.rows().data() root.forMap = [] for aLocation in allLocations root.forMap.push(aLocation[9] + ‘, ‘ + aLocation[10]) $(‘#multi_markers’).map -> handler = Gmaps.build(“Google”) handler.buildMap internal: id: “multi_markers” , -> markers = handler.addMarkers(root.forMap) handler.bounds.extendWith markers handler.fitMapToBounds() 注意:我不能简单地使用ruby方法,因为该表还必须与.js.coffee文件中的DataTable数据进行交互。 如何在gmaps4rails方法中循环遍历数组?

Rails4:“scrollTop”每隔一次点击都不起作用

scrollTop不会每隔一次点击(每隔一次点击)。 我在页面底部使用will_paginate 。 单击链接时,页面将刷新,显示位置位于页面底部。 然后我点击指向另一个页面的链接,页面刷新,显示位置在我期望的页面顶部。 例如, 单击第2页的链接时,将显示第2页,但显示位置仍保留在底部。 当我点击第5页的链接时,显示第5页,显示位置如我所料位于顶部。 单击第6页的链接时,将显示第6页,但显示位置仍保留在底部。 当我点击第8页的链接时,显示第8页,显示位置如我所料位于顶部。 … 我尝试了以下,我得到了相同的结果。 \资产\ JavaScript的\ calendars.js.coffee $(‘html, body’).animate({ scrollTop: 0 }, ‘slow’) $(‘body’).animate({ scrollTop: 0 }, ‘slow’) $(‘html, body’).scrollTop() $(document).scrollTop() $(window).scrollTop() $(window).scrollTop(0) \意见\日历\ index.html.erb … … 我该如何编辑我的代码?