<?xml version="1.0" encoding="ISO-8859-1"?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
	<channel>
		<title>Forum du club des développeurs et IT Pro - jQuery</title>
		<link>https://www.developpez.net/forums/</link>
		<description><![CDATA[Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript]]></description>
		<language>fr</language>
		<lastBuildDate>Tue, 27 Oct 2026 16:29:36 GMT</lastBuildDate>
		<generator>vBulletin</generator>
		<ttl>15</ttl>
		<image>
			<url>https://forum.developpez.be/images/misc/rss.png</url>
			<title>Forum du club des développeurs et IT Pro - jQuery</title>
			<link>https://www.developpez.net/forums/</link>
		</image>
		<item>
			<title><![CDATA[[waypoints] Uncaught TypeError: t.isFunction is not a function]]></title>
			<link>https://www.developpez.net/forums/showthread.php?t=2184658&amp;goto=newpost</link>
			<pubDate>Tue, 14 Jul 2026 19:30:42 GMT</pubDate>
			<description><![CDATA[Bonjour, 
 
Sur ma page, j'ai...]]></description>
			<content:encoded><![CDATA[<div>Bonjour,<br />
<br />
Sur ma page, j'ai des numéros. Par exemple<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code"><span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">div</span> <span style="color: #0080ff;">class</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;number&quot;</span> data-from<span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;0&quot;</span> data-to<span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;1131288&quot;</span><span style="color: #0000ff;">&gt;</span></span>1131288<span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">div</span><span style="color: #0000ff;">&gt;</span></span></code><hr />
</div>J'utilise une librairie (jquery.countTo.js&quot;) qui va afficher l'incémentation de 0 à 1131288. Ceci fonctionne.<br />
<br />
Ce que j'aimerais c'est que l'incémentation commence quand l'utilisateur scroll la page mais que lorsque les numéro sont visible. Si non, rien ne se passe.<br />
<br />
J'ai trouvé une vielle librairie <a rel="nofollow" href="https://github.com/madebymany/jquery-waypoints" target="_blank">waypoints</a> car apparemment, elle n'est pas mise à jour depuis 10 ans :(<br />
Ne connaissant rien d'autre, j'essaye sans succès.<br />
<br />
Ce que j'ai fait.<br />
<br />
1. Import:<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code"><table cellspacing="0" cellpadding="0"><tr><td valign="top" width="26"><div style="border: 1px dashed gray; padding-left: 5px; padding-right: 5px; margin-right: 5px; text-align: right; font-family: monospace">1<br />2<br />3<br />4<br />5<br /></div></td><td valign="top"><pre style="margin: 0"><span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">script</span> <span style="color: #0080ff;">src</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;assets/js/jquery-4.0.0.min.js&quot;</span><span style="color: #0000ff;">&gt;</span></span><span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">script</span><span style="color: #0000ff;">&gt;</span></span>
&nbsp;
	<span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">script</span> <span style="color: #0080ff;">src</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;assets/js/jquery.countTo.js&quot;</span><span style="color: #0000ff;">&gt;</span></span><span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">script</span><span style="color: #0000ff;">&gt;</span></span>
	<span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">script</span> <span style="color: #0080ff;">src</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;assets/js/waypoints/lib/jquery.waypoints.min.js&quot;</span><span style="color: #0000ff;">&gt;</span></span><span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">script</span><span style="color: #0000ff;">&gt;</span></span>
	<span style="color: #339933;"><span style="color: #0000ff;">&lt;</span><span style="color: #0000ff;">script</span> <span style="color: #0080ff;">src</span><span style="color: #0000ff;">=</span><span style="color: #FF0000;">&quot;assets/js/script.js&quot;</span><span style="color: #0000ff;">&gt;</span></span><span style="color: #339933;"><span style="color: #0000ff;">&lt;/</span><span style="color: #0000ff;">script</span><span style="color: #0000ff;">&gt;</span></span></pre></td></tr></table></code><hr />
</div><br />
2. dans script.js<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code"><table cellspacing="0" cellpadding="0"><tr><td valign="top" width="33"><div style="border: 1px dashed gray; padding-left: 5px; padding-right: 5px; margin-right: 5px; text-align: right; font-family: monospace">1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br />20<br />21<br /></div></td><td valign="top"><pre style="margin: 0"><span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #0080ff;">window</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">on</span><span class="br0">&#40;</span><span style="color: #FF0000;">&quot;load&quot;</span>, <span style="color: #0000ff;">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
	<span style="color: #808080;">//  Show counter after appear</span>
&nbsp;
    <span style="color: #0000ff;">var</span> <span style="color: #0000ff;">$</span>number = <span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #FF0000;">'.number'</span><span class="br0">&#41;</span>;
    <span style="color: #0000ff;">if</span> <span class="br0">&#40;</span><span style="color: #0000ff;">$</span>number.<span style="color: #0080ff;">length</span> &gt; <span style="color: #cc66cc;">0</span> <span class="br0">&#41;</span> <span class="br0">&#123;</span>
&nbsp;
        <span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #FF0000;">'.number'</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">waypoint</span><span class="br0">&#40;</span><span style="color: #0000ff;">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
            <span style="color: #0080ff;">initCounter</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;
        <span class="br0">&#125;</span>, <span class="br0">&#123;</span>
            <span style="color: #800000;">offset</span>: <span style="color: #FF0000;">'25%'</span>
        <span class="br0">&#125;</span><span class="br0">&#41;</span>
&nbsp;
    <span class="br0">&#125;</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span>;
&nbsp;
<span style="color: #0000ff;">function</span> <span style="color: #0080ff;">initCounter</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
    <span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #FF0000;">'.number'</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">countTo</span><span class="br0">&#40;</span><span class="br0">&#123;</span>
        <span style="color: #800000;">speed</span>: <span style="color: #cc66cc;">3000</span>,
        <span style="color: #800000;">refreshInterval</span>: <span style="color: #cc66cc;">50</span>
    <span class="br0">&#125;</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span></pre></td></tr></table></code><hr />
</div><br />
Je ne comprends pas pourquoi cette ligne<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code"><span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #FF0000;">'.number'</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">waypoint</span><span class="br0">&#40;</span><span style="color: #0000ff;">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span><span class="br0">&#125;</span></code><hr />
</div><br />
me génère cette erreur<br />
<div class="bbcode_container">
	<div class="bbcode_description">Citation:</div>
	<div class="bbcode_quote printable">
		<hr />
		
			Uncaught TypeError: t.isFunction is not a function<br />
    t jQuery<br />
    &lt;anonymous&gt; <a rel="nofollow" href="https://isite.ch/assets/js/script.js:8" target="_blank">https://isite.ch/assets/js/script.js:8</a><br />
    jQuery 2
			
		<hr />
	</div>
</div>Si je regarde cette <a rel="nofollow" href="http://imakewebthings.com/waypoints/guides/jquery-zepto/" target="_blank">page</a><br />
<br />
J'ai essayé ceci<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code"><table cellspacing="0" cellpadding="0"><tr><td valign="top" width="26"><div style="border: 1px dashed gray; padding-left: 5px; padding-right: 5px; margin-right: 5px; text-align: right; font-family: monospace">1<br />2<br />3<br />4<br />5<br /></div></td><td valign="top"><pre style="margin: 0"><span style="color: #0000ff;">var</span> waypoints = <span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #FF0000;">'#handler-first'</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">waypoint</span><span class="br0">&#40;</span><span style="color: #0000ff;">function</span><span class="br0">&#40;</span>direction<span class="br0">&#41;</span> <span class="br0">&#123;</span>
  <span style="color: #0080ff;">notify</span><span class="br0">&#40;</span><span style="color: #0000ff;">this</span>.<span style="color: #0080ff;">element</span>.id + <span style="color: #FF0000;">' hit 25% from top of window'</span><span class="br0">&#41;</span> 
<span class="br0">&#125;</span>, <span class="br0">&#123;</span>
  <span style="color: #800000;">offset</span>: <span style="color: #FF0000;">'25%'</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span></pre></td></tr></table></code><hr />
</div><br />
et je l'ai modifié ainsi<br />
<br />
<div class="bbcode_container">
	<div class="bbcode_description">Code:</div>
	<hr /><code class="bbcode_code"><table cellspacing="0" cellpadding="0"><tr><td valign="top" width="26"><div style="border: 1px dashed gray; padding-left: 5px; padding-right: 5px; margin-right: 5px; text-align: right; font-family: monospace">1<br />2<br />3<br />4<br />5<br /></div></td><td valign="top"><pre style="margin: 0"><span style="color: #0000ff;">$</span><span class="br0">&#40;</span><span style="color: #FF0000;">'.number'</span><span class="br0">&#41;</span>.<span style="color: #0080ff;">waypoint</span><span class="br0">&#40;</span><span style="color: #0000ff;">function</span><span class="br0">&#40;</span>direction<span class="br0">&#41;</span> <span class="br0">&#123;</span>
  <span style="color: #0080ff;">initCounter</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span>, <span class="br0">&#123;</span>
  <span style="color: #800000;">offset</span>: <span style="color: #FF0000;">'25%'</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span></pre></td></tr></table></code><hr />
</div>mais sans mielleurs résulats<br />
<br />
Si non connaitriez-vous quelque chose de plus récent?<br />
<br />
Mercii</div>

]]></content:encoded>
			<category domain="https://www.developpez.net/forums/f1188/javascript/bibliotheques-frameworks/jquery/">jQuery</category>
			<dc:creator>pierrot10</dc:creator>
			<guid isPermaLink="true">https://www.developpez.net/forums/d2184658/javascript/bibliotheques-frameworks/jquery/waypoints-uncaught-typeerror-t-isfunction-is-not-function/</guid>
		</item>
	</channel>
</rss>
