Docs http://docs.jquery.com/Selectors
Then FAQs http://docs.jquery.com/Frequently_Asked_Questions Leads to the answer to your question http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F On Dec 9, 10:43 pm, Max <[EMAIL PROTECTED]> wrote: > Hi, im quite new to jquery so not sure what im doing wrong. (or if > what im doing is the best way). But here goes, i have a rating script, > that allows ratings between 1-10. > > The HTML: > > <div id="userrate">User Rating is 7.8/10</div> > The current rating is fetched from a mysql database with php. > > <div id ="clickrate">1 2 3 4 5 6 7 8 9 10 | Your current rating is 5!</ > div> > 1-10 are links that have the href="rate.php?rate=1" or "rate.php? > rate=2" etc > > My Jquery is as follows: > ---------------------------------------------------- > $('#clickrate a').click(function(){ > > var toLoad = $(this).attr('href'); > $.get(toLoad, function(){ > $("#clickrate").fadeOut("fast"); > $("#userrate").fadeOut("fast"); > $('#clickrate').load("http://www.site.com/mypage#clickrate";, > function() { > > $('#clickrate').fadeIn("slow"); > > }); > > $('#userrate').load("http://www.site.com/mypage#userrate";, > function > () { > > $('#userrate').fadeIn("slow"); > > }); > > }); > > return false; > > }); > ----------------------------------------------- > > Which gets the href value of the clicked link in the div with the > id="clickrate" and makes a request for the href which should be > ="rate.php?rate=1" if the link with the rating of 1 is clicked, > rate.php then updates the databse... > > Then i use Jquery's .load to display the new #clickrate and #userrate > with the current rating. > > This all goes well, except that once the new #clickrate and #userrate > is loaded if i click on any rating again the whole process is not > repeated through jquery, the browser simply loads the page "rate.php? > rate=1"... why is the click not captured and the the #clickrate and > #userrate divs not updated?.... > > Also it would be great i there was a way to reload both the #clickrate > and #userrate divs with one .load statement.. like: > $('#clickrate #userrate').load("http://www.site.com/mypage#clickrate > #userrate", function() { > > this dosnt seem to work :( > > Help please!
