Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The main problem I see in your code, is that you are repeating the code block each time on each comment.</p> <p>So, you have multiple <code>DIV</code> with same <code>ID</code> &amp; Multiple <code>&lt;script&gt;</code> blocks with the same bind actions.</p> <p>like:</p> <pre><code>{Block:Posts} &lt;div&gt;&lt;!-- // code in OP example (html+ID+Class+js) --&gt;&lt;/div&gt; {/Block:Posts} </code></pre> <p>That give you:</p> <pre><code>&lt;div&gt;&lt;!-- // code in OP example (html+ID+Class+js) --&gt;&lt;/div&gt; &lt;div&gt;&lt;!-- // code in OP example (html+ID+Class+js) --&gt;&lt;/div&gt; &lt;div&gt;&lt;!-- // code in OP example (html+ID+Class+js) --&gt;&lt;/div&gt; ... </code></pre> <h3>Error example with the OP code: <a href="http://jsfiddle.net/gmolop/2fUjr/" rel="nofollow">http://jsfiddle.net/gmolop/2fUjr/</a></h3> <hr> <p>I' will suggest to do before anything else, to change that to something like:</p> <pre><code>{Block:Posts} &lt;div&gt;&lt;!-- // HTML code in OP example (only class, no ID) --&gt;&lt;/div&gt; {/Block:Posts} &lt;script&gt; /* JS in OP example (outside the loop) */ &lt;/script&gt; </code></pre> <p>That will give us something like:</p> <pre><code>&lt;div&gt;&lt;!-- // HTML code in OP example (only class) --&gt;&lt;/div&gt; &lt;div&gt;&lt;!-- // HTML code in OP example (only class) --&gt;&lt;/div&gt; &lt;div&gt;&lt;!-- // HTML code in OP example (only class) --&gt;&lt;/div&gt; &lt;script&gt; /* JS in OP example (only once) */ &lt;/script&gt; </code></pre> <h3>Working example with the suggested format: <a href="http://jsfiddle.net/gmolop/2fUjr/1/" rel="nofollow">http://jsfiddle.net/gmolop/2fUjr/1/</a></h3>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload