- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我已经在这个论坛和互联网上搜索了这个问题的答案,但我似乎找不到正确的解决方案/我完全不明白......
我之前设置了一个 Rails 应用程序来展示一个简单的幻灯片。在此,我使用 jQuery 通过移动容器来显示下一张“幻灯片”。然后我决定实现 pxax 来仅加载产量而不是整个页面。除了我的 jQuery 之外,所有这些都工作正常。我看到,如果您添加事件再次触发的 on() 委托(delegate),但是像 window = $(window) 和 div = $(div) 这样的初始变量不再起作用。
$(function() {
var presentation_carousel = $('.carousel')
var carousel_width = $(".slide").length * 700;
var carousel_max_next = ((carousel_width - 700) * -1);
var view_window = $(window);
var nav_collapse = $('div.nav-collapse');
presentation_carousel.css('width', carousel_width+"px")
$('.button_next').on ('click', function(e) {
$('.button').animate({
opacity: 0
}, 100)
presentation_carousel.animate({
'marginLeft' : "-=700px"
}, 500, function(){
$('.button').css('display', 'block');
$('#quiz_carousel .button_next').css('display', 'none');
$('.button').animate({
opacity: 1
}, 500)
})
});
具体来说,presentation_carousel div 的动态调整大小不再被触发。我还看到,如果我在文档就绪标签中添加标准 console.log,它就不再被触发?
如果有人可以解释 pjax 如何与标准 jQuery 一起工作,并且如果有人可以帮助我解决我的代码,那就太好了?
我确实通过不使用函数内部的变量并每次都跨越 dom 来使一切正常工作。但这感觉有点 hacky...例如
presentation_carousel.animate({})
// became
$('.carousel').animate({})
非常欢迎对此提供任何帮助或建议。我是 Rails 新手,并且始终乐于接受有关干燥和改进 jQuery 的建议。
谢谢
编辑:从布局中的 application.html.erb 中调用。这是唯一调用yield 的地方,它位于主容器div 内。
<div class="span9">
<div data-pjax-container>
<%= yield %>
</div>
</div>
最佳答案
内置jquery-pjax events可能就足够了。 $(document).on("pjax:end", handler)
大致相当于 $(document).ready(handler)
。当然,您仍然需要用于初始页面加载的就绪处理程序。 ;)
关于jquery - 在 Rails 中使用 PJax 加载 Doc Ready 上的所有 jQuery 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10349407/
根据 jQueryDoc在术语中,.ready() 被称为位于 jQuery.prototype 中的查询选择方法。对于前 $(document).ready() 作为jQueryDoc说:$ 命名空
我见过一些代码,他们只是这样做: $().ready(function() { ... }); 这比执行文档选择器要短,但它是同一件事吗? 最佳答案 略有变化: $(document).rea
各个处理程序的回调函数何时执行? 最佳答案 在主要过程中 当您的应用完成初始化并准备打开浏览器窗口时,将触发app上的“就绪”事件。由于在此之前您无法打开窗口,因此可以使用回调函数来创建Browser
最近发现了head.js图书馆和男孩,我对此感到满意,尽管我仍然对一件事感到有点困惑。 来自 headjs.com: The “DOM ready” event such as $(document)
我在我的代码库中发现代码在另一个 $(document).ready(function() { ... 例如 $(document).ready(function() { // 20
我已经养成了从ready函数开始jquery编码的习惯 $(function(){...}); 并将所有从ready调用的函数放入ready中。 然后我意识到,放入就绪函数中的一些函数可能不需要在那里
在浏览旧代码库时,我发现了以前的软件开发人员正在使用的地方 $(function(a) {}(A || (A = {}))); 即使页面尚未准备好,它仍在执行。在我删除传递的全局变量后它开始工作。代码
我已经看到了两种方式,但哪种更好或者并不重要。 我觉得包装每个语句可能会更干净,但只是想知道如果您有 50 个语句,每个语句都有自己的 document.ready 事件处理程序,是否会有更多回调?
这个问题已经有答案了: Four variations of jQuery ready() -- what's the difference? (4 个回答) 已关闭 4 年前。 我正在编写一些我没有
我们最近遇到了一个错误,jquery document.ready 似乎在 DOM 加载之前触发。事实证明,在调用的第一个项目之后有一些错误的代码 $.ready(function(){}); 这条语
什么应该在 jQuery.ready() 中,什么应该在 jQuery.ready() 之外? 从性能角度来看,我在某处读到,将所有代码包装在 jQuery.ready() 中并不是一种有效的方法。
我实现了一个带有选项列表(工作类别)的页面,单击该页面时应显示数据(工作描述)。我正在使用 BBQ 来处理后台堆栈。 一切正常,除了在用户首次导航到页面时设置初始选择。我的代码被调用到 addClas
解决方案 我有两个 users.js和 users.coffee在我的 Assets 管道中。显然 users.coffee正在阻止 users.js从被加载。确保删除它! 我正在尝试实现 this
我正在研究一个指令,但我不想玩 $document或 $window , 只有 element本身。 之前我有: angular.element($document).ready(function()
我想在移动设备方向改变时使用 $(window).resize 来调用一些函数,我在 $(document).ready 中编写了所有代码,这在我使用 Android 设备时有效,但在使用 iPhon
我有一个使用数据库的 Ionic 应用程序。我想用一个文件的内容填充这个数据库。 这部分我开始工作了。我想创建一个 DB.ready() 事件,很像 $ionicPlatform.ready() 或
我有一个名为“loadTimeTrackersGrid()”的函数,它加载一个弹性网格。设置如下所示: $(document).ready(function () { var edi
我有一个定义数量为 replicas 的部署.如果我的 Pod 准备好/未准备好处理新连接,我使用就绪探针进行通信 - 我的 Pod 在 ready 之间切换/not ready他们一生中的状态。 我
有什么区别: $(document).ready(initialize); 和 $(document).on('ready', initialize); 对我来说,它们似乎以相同的方式工作。 最佳答案
我看到很多项目都在使用 $(document).on('ready', function(e){ //jquery stuff }) 而不是: $( document ).ready(functio
我是一名优秀的程序员,十分优秀!