Stefan Hansch Stefan Hansch - 17 days ago 5
CoffeeScript Question

Declare global variable in coffescript

I use Gem Coocon for nested forms.

I need to hide the

#end_date_job_portfolio
field if
.checkBoxCurrentJob
is checked. The problem is that jQuery can`t see the tags if the user didn`t click add new nested form because these tags aren`t in
document
yet.

For this I use the
cocoon:after-insert
. This my script:

$(document).ready ->
checkbox_date = ""
end_date = ""
$('.experiences').on 'cocoon:after-insert', ->
checkbox_date = $(".checkBoxCurrentJob")
end_date = $('#end_date_job_portfolio')
console.log(checkbox_date)



#show it when the checkbox is clicked
сheckbox_date.on 'click', ->
console.log("la la la")
if checkbox_date.prop('checked')
checkbox_date.hide()
else
checkbox_date.fadeIn()
return


It displays
ReferenceError: \u0441heckbox_date is not defined
error. How do I pass
checkbox_date
and
end_date
values from
cocoon:after-insert
to the click event of
checkbox_date
?

Answer

You're doing it right, but it looks like you're refering to \u0441heckbox_date instead of checkbox_date (as commented by @muistooshort) at this line:

  сheckbox_date.on 'click', ->

So this first "с" isn't "c" as you can see: 'с' === 'c'. The rest looks to be okay. So change it to:

  checkbox_date.on 'click', ->

This is most likely a troll. Did anyone write a part of this for u?