jquery not working

Question

vishal.du123 0 Newbie Poster

11 Years Ago

<html>
<head>
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>

<script>$('.countryclassinfolink').click(function(event) {
        event.preventDefault();
        var detailinfo = $(this).parent().next().html();
        $('#country_details').html(detailinfo);
        $('.countryclassinfolink2').click(function(event) {
            event.preventDefault();
            $('#country_details').html('');
            $('#country_details').hide();
            $('#country_seminars').fadeIn();
        });
        $('#country_seminars').hide();
        $('#country_details').fadeIn();
    });
</script>
</head><body>
<div class="section seminars">
  <h2><span>USA Seminars</span></h2>
  <div id="country_seminars" class="body">
    <table>
      <tbody>
        <tr>
          <td class="practioners"><p> <span class="date">06/10/2013</span> Niskayuna, NY<br>
              <a class="countryclassinfolink" href="#">Advanced DNA</a> </p>
            <div style="display:none;" id="classdetails26436">
              <div class="searchresults result" style="border-bottom: none;width:650px;"><a style="float:right;" class="countryclassinfolink2" href="#">Return</a>
                <div class="resultheader">
                  <div style="background-image:none;float:none;" class="name">Advanced DNA</div>
                  <div style="background-image:none;" class="name">Anana Integre</div>
                  <div class="icon"><img src="images/practitioner-icon.gif"></div>
                  <div class="icon"><img src="images/instructor-icon.gif"></div>
                </div>
                <div class="image"><img border="0" alt="" src="/images/specialistImages/thumb_1294779133.jpg"></div>
                <div style="width: 400px;" class="info">
                  <table>
                    <tbody>
                      <tr>
                        <td style="border:0;">Niskayuna, NY<br>
                          <strong>Phone:</strong><br>
                          831-246-1790<br>
                          <strong>Email:</strong><br>
                          <a href="mailTo:miraclewrkr@gmail.com">miraclewrkr@gmail.com</a><br>
                          <strong>Website:</strong><br>
                          <a target="_blank" href="http://www.thetahealingwitness.com">www.thetahealingwitness.com</a><br>
                          <strong>Cost:</strong><br>
                          $&nbsp;575.00<br>
                          <strong>Notes:</strong><br>
                          <br></td>
                        <td style="border:0;"><strong>Dates:</strong><br>
                          06/10/2013<br>
                          06/12/2013<br></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
            </td>
          <td class="filler"></td>
        </tr>
      </tbody>
    </table>
  </div>
  <div style="display: none;" id="country_details" class="body"></div>
  <div class="bottom">&nbsp;</div>
</div>
</body></html>

javascript jquery

3 Contributors
4 Replies
170 Views
5 Days Discussion Span
Latest Post 11 Years Ago Latest Post by radhakrishna.p

pritaeas 2,194 ¯\_(ツ)_/¯

11 Years Ago

I think you should bind the click event in the document ready event. Looks like you are executing your code too early.

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

pritaeas 2,194 ¯\_(ツ)_/¯ Moderator Featured Poster · Answer 1 · 2013-06-09T14:35:02+00:00

Without any description of what happens, or what should happen, just dumping some script and expecting answers is not going to work.

vishal.du123 0 Newbie Poster · Answer 2 · 2013-06-09T15:17:16+00:00

Dear Pritaeas

There is a link with class(<a class="countryclassinfolink" href="#">Advanced DNA</a>)
on click on it all data of next element will be copy and append in div(id='country_details')

But it is not work

radhakrishna.p 29 Posting Whiz in Training · Answer 3 · 2013-06-15T10:27:24+00:00

hai vishal.du123,

as pritaeas said, please make your script code from this

<script>$('.countryclassinfolink').click(function(event) {
event.preventDefault();
var detailinfo = $(this).parent().next().html();
$('#country_details').html(detailinfo);
$('.countryclassinfolink2').click(function(event) {
event.preventDefault();
$('#country_details').html('');
$('#country_details').hide();
$('#country_seminars').fadeIn();
});
$('#country_seminars').hide();
$('#country_details').fadeIn();
});
</script>

to this

<script type="text/javascript">
$(document).ready(function(){

$('.countryclassinfolink').click(function(event) {
    event.preventDefault();
    var detailinfo = $(this).parent().next().html();
    $('#country_details').html(detailinfo);
    $('.countryclassinfolink2').click(function(event) {
            event.preventDefault();
            $('#country_details').html('');
            $('#country_details').hide();
            $('#country_seminars').fadeIn();
    });
    $('#country_seminars').hide();
    $('#country_details').fadeIn();
});
});

</script>

you missed $(document).ready() function to initiate the your desired ccall

thats it

happy coding