Grokbase › Groups › Ruby on Rails › rubyonrails-talk › December 2011
FAQ
I have a library conflict between jQuery.js & accordion.js

The first line of accordion.js is

$(document).ready(function() {


Firebug displays
$(document).ready is not a function


I have read http://docs.jquery.com/Using_jQuery_with_Other_Libraries. This link is an explanation of how to resolve the conflict.



To that end I have in a partial haml file

(function($) {
= javascript_include_tag 'accordion.js'
})(jQuery);


The rendered output is
(function($) {
<script src="/assets/accordion.js?body=1" type="text/javascript"></script>
})(jQuery);



but I am still getting the
$(document).ready is not a function
error message.



Is what I am trying to do even legal?

--
You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
To post to this group, send email to rubyonrails-talk@googlegroups.com.
To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.

Search Discussions

  • Craig White at Dec 31, 2011 at 2:10 am ⇧

    On Fri, 2011-12-30 at 12:21 -0700, Ralph Shnelvar wrote:
    I have a library conflict between jQuery.js & accordion.js

    The first line of accordion.js is

    $(document).ready(function() {


    Firebug displays
    $(document).ready is not a function


    I have read http://docs.jquery.com/Using_jQuery_with_Other_Libraries. This link is an explanation of how to resolve the conflict.



    To that end I have in a partial haml file

    (function($) {
    = javascript_include_tag 'accordion.js'
    })(jQuery);


    The rendered output is
    (function($) {
    <script src="/assets/accordion.js?body=1" type="text/javascript"></script>
    })(jQuery);



    but I am still getting the
    $(document).ready is not a function
    error message.



    Is what I am trying to do even legal?
    ----
    sounds as if you tinkered with application.js or removed the reference
    to it completely and thus jquery isn't loaded at all.

    Craig


    --
    This message has been scanned for viruses and
    dangerous content by MailScanner, and is
    believed to be clean.

    --
    You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
    To post to this group, send email to rubyonrails-talk@googlegroups.com.
    To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com.
    For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.
  • Ralph Shnelvar at Dec 31, 2011 at 5:08 pm ⇧
    Friday, December 30, 2011, 7:09:08 PM, you wrote:

    CW> On Fri, 2011-12-30 at 12:21 -0700, Ralph Shnelvar wrote:
    I have a library conflict between jQuery.js & accordion.js

    The first line of accordion.js is

    $(document).ready(function() {


    Firebug displays
    $(document).ready is not a function


    I have read http://docs.jquery.com/Using_jQuery_with_Other_Libraries. This link is an explanation of how to resolve the conflict.



    To that end I have in a partial haml file

    (function($) {
    = javascript_include_tag 'accordion.js'
    })(jQuery);


    The rendered output is
    (function($) {
    <script src="/assets/accordion.js?body=1" type="text/javascript"></script>
    })(jQuery);



    but I am still getting the
    $(document).ready is not a function
    error message.



    Is what I am trying to do even legal?
    CW> ----
    CW> sounds as if you tinkered with application.js or removed the reference
    CW> to it completely and thus jquery isn't loaded at all.

    Craig:

    I modified accordion.js by wrapping it in
    (function($) { ... })(jQuery);

    And everything works.


    If I don't do it, the text
    (function($) {
    })(jQuery);
    ends up being displayed on the webpage as the 1st two lines. I didn't see it before.


    --
    You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
    To post to this group, send email to rubyonrails-talk@googlegroups.com.
    To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com.
    For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.
  • Zachary Scott at Jan 1, 2012 at 1:20 pm ⇧
    Put `= javascript_include_tag 'accordion.js'` outside your jquery listeners:

    _my_partial.haml
    = javascript_include_tag 'accordion'
    :javascript
    (function($) {
    // jquery listeners here
    })(jQuery);
    On Fri, Dec 30, 2011 at 2:21 PM, Ralph Shnelvar wrote:
    I have a library conflict between jQuery.js & accordion.js

    The first line of accordion.js is

    $(document).ready(function() {


    Firebug displays
    $(document).ready is not a function


    I have read http://docs.jquery.com/Using_jQuery_with_Other_Libraries.  This link is an explanation of how to resolve the conflict.



    To that end I have in a partial haml file

    (function($) {
    = javascript_include_tag 'accordion.js'
    })(jQuery);


    The rendered output is
    (function($) {
    <script src="/assets/accordion.js?body=1" type="text/javascript"></script>
    })(jQuery);



    but I am still getting the
    $(document).ready is not a function
    error message.



    Is what I am trying to do even legal?

    --
    You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
    To post to this group, send email to rubyonrails-talk@googlegroups.com.
    To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com.
    For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.
    --
    You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
    To post to this group, send email to rubyonrails-talk@googlegroups.com.
    To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com.
    For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.
  • Ralph Shnelvar at Jan 1, 2012 at 4:57 pm ⇧
    Zachary,

    This is over my head.

    a) What does the :javascript do? Where is it documented?

    b) What's a jquery listener? I have googled "jQuery listener" and a lot of stuff comes up. I need an introduction/overview.

    Speaking of which, is there a good introduction to javascript for programmers? Same for jQuery.

    Thanks!

    Ralph


    Friday, December 30, 2011, 3:14:35 PM, you wrote:

    ZS> Put `= javascript_include_tag 'accordion.js'` outside your jquery listeners:

    ZS> _my_partial.haml
    ZS> = javascript_include_tag 'accordion'
    ZS> :javascript
    ZS> (function($) {
    ZS> // jquery listeners here
    ZS> })(jQuery);

    ZS> On Fri, Dec 30, 2011 at 2:21 PM, Ralph Shnelvar wrote:
    I have a library conflict between jQuery.js & accordion.js

    The first line of accordion.js is

    $(document).ready(function() {


    Firebug displays
    $(document).ready is not a function


    I have read http://docs.jquery.com/Using_jQuery_with_Other_Libraries.  This link is an explanation of how to resolve the conflict.



    To that end I have in a partial haml file

    (function($) {
    = javascript_include_tag 'accordion.js'
    })(jQuery);


    The rendered output is
    (function($) {
    <script src="/assets/accordion.js?body=1" type="text/javascript"></script>
    })(jQuery);



    but I am still getting the
    $(document).ready is not a function
    error message.



    Is what I am trying to do even legal?

    --
    You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
    To post to this group, send email to rubyonrails-talk@googlegroups.com.
    To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com.
    For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.



    --
    Best regards,
    Ralph mailto:ralphs@dos32.com

    --
    You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
    To post to this group, send email to rubyonrails-talk@googlegroups.com.
    To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com.
    For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.
  • Dheeraj Kumar at Jan 1, 2012 at 5:29 pm ⇧
    a. It's a filter, haml allows those. Docs here.
    http://haml-lang.com/docs/yardoc/file.HAML_REFERENCE.html#javascript-filter

    b. Sounds like you don't know the basics of jQuery. By jquery listeners, ZS means the functions which listen to the DOM for any events, and handle them accordingly. Simply put, it's the document.ready where you define your event handlers, or "jquery code" if you prefer.

    c. w3schools.com, jqfundamentals.com


    Dheeraj Kumar

    On Sunday 1 January 2012 at 10:26 PM, Ralph Shnelvar wrote:

    Zachary,

    This is over my head.

    a) What does the :javascript do? Where is it documented?

    b) What's a jquery listener? I have googled "jQuery listener" and a lot of stuff comes up. I need an introduction/overview.

    Speaking of which, is there a good introduction to javascript for programmers? Same for jQuery.

    Thanks!

    Ralph


    Friday, December 30, 2011, 3:14:35 PM, you wrote:

    ZS> Put `= javascript_include_tag 'accordion.js'` outside your jquery listeners:

    ZS> _my_partial.haml
    ZS> = javascript_include_tag 'accordion'
    ZS> :javascript
    ZS> (function($) {
    ZS> // jquery listeners here
    ZS> })(jQuery);

    ZS> On Fri, Dec 30, 2011 at 2:21 PM, Ralph Shnelvar (mailto:ralphs@dos32.com)> wrote:
    I have a library conflict between jQuery.js & accordion.js

    The first line of accordion.js is

    $(document).ready(function() {


    Firebug displays
    $(document).ready is not a function


    I have read http://docs.jquery.com/Using_jQuery_with_Other_Libraries. This link is an explanation of how to resolve the conflict.



    To that end I have in a partial haml file

    (function($) {
    = javascript_include_tag 'accordion.js'
    })(jQuery);


    The rendered output is
    (function($) {
    <script src="/assets/accordion.js?body=1" type="text/javascript"></script>
    })(jQuery);



    but I am still getting the
    $(document).ready is not a function
    error message.



    Is what I am trying to do even legal?

    --
    You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
    To post to this group, send email to rubyonrails-talk@googlegroups.com (mailto:rubyonrails-talk@googlegroups.com).
    To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com (mailto:rubyonrails-talk+unsubscribe@googlegroups.com).
    For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.




    --
    Best regards,
    Ralph mailto:ralphs@dos32.com

    --
    You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
    To post to this group, send email to rubyonrails-talk@googlegroups.com (mailto:rubyonrails-talk@googlegroups.com).
    To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com (mailto:rubyonrails-talk+unsubscribe@googlegroups.com).
    For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.

    --
    You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
    To post to this group, send email to rubyonrails-talk@googlegroups.com.
    To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com.
    For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.

Related Discussions

Discussion Navigation
viewthread | post
Discussion Overview
grouprubyonrails-talk @
categoriesrubyonrails
postedDec 30, '11 at 7:20p
activeJan 1, '12 at 5:29p
posts6
users4
websiterubyonrails.org
irc#RubyOnRails

4 users in discussion

Ralph Shnelvar: 3 posts Zachary Scott: 1 post Craig White: 1 post Dheeraj Kumar: 1 post

Content

People

Support

Translate

site design / logo © 2022 Grokbase