I'm very beginner in javascript and right now im learning from railscast. I have problem how to write this script, writen in coffee script to normal JS. Can somebody do this:
jQuery ->
if $('.pagination').length
$(window).scroll ->
url = $('.pagination .next_page').attr('href')
if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50
$('.pagination').text("Fetching more products...")
$.getScript(url)
$(window).scroll()
$('.tooltip').tooltipster(
animation: 'grow'
);
I try with " jQuery(function($) { " but it doesnt work.
asked Jul 14, 2013 at 12:22
user2513971
3 Answers 3
I use http://js2coffee.org/ to convert between the two
answered Jul 14, 2013 at 13:22
Scott Schulthess
2,9232 gold badges27 silver badges35 bronze badges
Sign up to request clarification or add additional context in comments.
1 Comment
Oz Ben-David
Thanks, seems very nice
You'd have to do it this way :
jQuery(function() {
if ($('.pagination').length) {
$(window).scroll(function() {
var url;
url = $('.pagination .next_page').attr('href');
if (url && $(window).scrollTop() > $(document).height() - $(window).height() - 50) {
$('.pagination').text("Fetching more products...");
return $.getScript(url);
}
});
}
return $(window).scroll();
});
$('.tooltip').tooltipster({
animation: 'grow'
});
Wherever you see ->, change it to function() :)
answered Jul 14, 2013 at 12:24
krishwader
11.4k1 gold badge36 silver badges52 bronze badges
10 Comments
krishwader
leave that.. do you see any console errors in chrome? Press f12 after your page is loaded and check the bottom right hand corner of the window which will open and tell us..do u see any red x marks there?
|
$(document).ready(function(){
if ($('.pagination').length > 0)
$(window).scroll(function(){
var url = $('.pagination .next_page').attr('href')
if (url != null && $(window).scrollTop() > $(document).height() - $(window).height() - 50){
$('.pagination').text("Fetching more products...");
$.getScript(url);
}
});
$(window).scroll();
$('.tooltip').tooltipster(
animation: 'grow'
);
});
Changes:
--> => function(){}if url => if(url != null...)- some semicolons
; if length => if(length > 0)
As a side note: Include your script after including jQuery.
I saw you in a comment including a file in the js. That's not the way to include jQuery scripts or even pure js scripts in HTML. You need to do it like this(add this in the <head> of you HTML markup:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="your_file_name.js" type="text/javscript"></script>
answered Jul 14, 2013 at 12:28
Mohammad Areeb Siddiqui
10.2k16 gold badges74 silver badges118 bronze badges
5 Comments
Mohammad Areeb Siddiqui
@efectiva see my edit and tell that if that works! and make sure to include jQuery before your script.
Mohammad Areeb Siddiqui
@efectiva NO! I believe you cannot do that! You need to include you jQuery like this
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javscript"></script> in your HTML markup.default
coffee -c file.coffee