Ah, I found my mistake!!! I was just only adding JQuery in my view with <%= javascript_include_tag "http://code.jquery.com/jquery-latest.js"; %>, but not in my application.html.erb. That means that the code in the application.js had propably no JQuery access!
My problem now is that my other normal Rails Java Helpers (see below )are not working anymore as intended! <%= button_to 'Destroy', product, :confirm => 'Are you sure?', :method => :delete %> That one is wotking, but there is no confirm pop up!!!! I need to have access to both libraries <%= javascript_include_tag :defaults %> AND <%= javascript_include_tag "http://code.jquery.com/jquery-latest.js"; %> I read something about JRails. Is that an option or is there another way??? That one is not working: <%= javascript_include_tag :defaults, "http://code.jquery.com/jquery-latest.js"; %> On 25 Okt., 09:13, Roy Situmorang <[email protected]> wrote: > Well, could you paste your HTML code here? > > On Tue, Oct 25, 2011 at 1:58 PM, Sebastian > <[email protected]>wrote: > > > > > > > > > First, thank you all for your answers!!! > > > I removed the typo and did what you told me! The firebug console is > > finding the $(".show1") and it is hiding the row if I type $ > > (".show1") .hide() > > > So I tried your example with the log output, but Firebug says me "$ > > (document).ready is not a function" > > > My application.js is looking like this: > > > $(document).ready( > > function(){ > > $("#filters input:checkbox").click(function(){ > > console.log("hey there"); > > }); > > } > > ); > > > I found another example on the jquery api documentation. If I put this > > into my application.js then it is printing the text: > > > $(document).ready(function () { > > $("p").text("The DOM is now loaded and can be manipulated."); > > }); > > > That is pretty strange...! > > > Has anyone an idea? > > > On 24 Okt., 20:06, radhames brito <[email protected]> wrote: > > > On Mon, Oct 24, 2011 at 10:56 AM, Walter Lee Davis <[email protected] > > >wrote: > > > > > On Oct 24, 2011, at 10:50 AM, Roy Situmorang wrote: > > > > > > I'm sorry for the typo, I have just fixed the code as follow: > > > > > > (function() { > > > > > $("#filters input:checkbox").click( > > > > > function(){ > > > > > class_to_show = $(this).attr("id"); > > > > > switch(class_to_show){ > > > > > case 'show1': > > > > > $(".show1").show(); > > > > > $(".show2").hide(); > > > > > break; > > > > > case 'show2': > > > > > $(".show1").hide(); > > > > > $(".show2").show(); > > > > > break; > > > > > default: > > > > > $(".show1").show(); > > > > > $(".show2").show(); > > > > > } > > > > > })}); > > > > oh , ok im back. > > > > Well first lest see what is wrong. if you have chrome or firefox right > > -clk > > > on the page and lick inspect element, that should bring the inspector up. > > > then enable the console if is not enabled. > > > > type > > > > $(".show1") > > > > the console show show all the elements that match the selector if it does > > > not you are not importing the js library. if it does then type > > > > $(".show1") .hide() > > > > see if the row disappear. if they they do then will have to deal with > > the > > > event attachment seems it does not seem to be working. > > > > go to the application.js and type > > > > $(document).ready( <== this is importan so that jquery > > > first waits for the rows to actually exists > > > function(){ <== inside this function goes > > the > > > code > > > > $("#filters input:checkbox").click(function(){ > > > console.log("hey there "); > > > }); > > > } > > > ); > > > > this should make a hey there appear in the browser console everytime you > > > click a checkbox, dont forget to reload the page everytime you change the > > > application.js file. > > > > Im almost sure that you are missing the $(document).ready(); event , is > > very > > > important because if the js loads before the checkboxes are rendered no > > > event will be attached to them. $(document).ready(); causes the > > javascript > > > to wait untill the entire page has loaded before doing anything. > > > -- > > 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 [email protected]. > > To unsubscribe from this group, send email to > > [email protected]. > > 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 [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.
