Hi Tomas - I have mocked up some code to try and show what I mean:
Assume this quaint bit of code:
<g:javascript>
$(function() {
$('.toggleProgs').click(function(){
$(this).nextUntil("div.programme").next().toggle();
});
});
</g:javascript>
If I do this inside of a gsp - I can click on the Programme title and
hide/reveal the div contents:
<g:each var="programme" in='${programmeList}'>
<div class="programmeArea">
<span class="toggleProgs">Title: ${programme.title};</span>
<div id="prog_${programme.programmeid}" class="programme hidden">
<g:each var="mocker" in="${programme.mockers}">
<span class="mock-list">
<g:link controller="foo" action="bar"
id="$mocker.mockid">${mocker.title}</g:link>
</span>
</g:each>
</div>
</div>
</g:each>
If I do this:
<g:each var="programme" in='${programmeList}'>
<div class="programmeArea">
<span class="toggleProgs">Title: ${programme.title};</span>
<div id="prog_${programme.programmeid}" class="programme hidden">
<g:render template="programmeMockers" model="['mocker':
${programme.mockers}">Mockups</g:render>
</div>
</div>
</g:each>
And move the exact, deleted lines into the template _programmeMockers
Then the jQuery on the toggleProgs no longer hides/reveals the div
contents. If I take the generated html code and diff it - there is no
difference at all - yet it behaves differently.
I think it is the fact that the code is the same which is throwing me
- the jQuery code is following the onReady behaviour everywhere else
in the code - but not here.
Is it something obvious I am missing!
Chris
---------------------------------------------------------------------
To unsubscribe from this list, please visit:
http://xircles.codehaus.org/manage_email
Locked
