trigger click not working on table row

Alex Lord
Alex Lord used Ask the Experts™
on
$("#396819").trigger('click');
    
    var leadTable = $("#leads-table").find('tr').each(function(){});
    
    leadTable.on('click', getLeadTimeline);
    

Open in new window


So in this line of code im searching for tr within a table than on a click on one of these tr it goes to a function,  But im also trying to trigger that click for testing purposes, hinse the first line is the trigger using the id of one of the tr to try and trigger a click on that row, however it isnt working and im clueless to why.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Chinmay PatelChief Technology Ninja
Distinguished Expert 2018

Commented:
Hi Alex,

Please post the relevant HTML as well. Also did you check if you are getting any errors? depending upon the browser you are using press CTRL+SHIFT+I OR F12 to check the console and see if there are any errors being listed.

Also if you are comfortable spending some extra minutes, create your scenario on https://jsfiddle.net so that it can be quickly accessed by experts.

Regards,
Chinmay.

Author

Commented:
<table id="leads-table" class="table">
                            <thead class="">
                              <tr>
                                <th id="hdr_ENG_DATE" style="">Date</th>
                                <th d="hdr_CHANNEL_TYPE" style="">Channel</th>
                                <th d="hdr_STATUS" style="">Status</th>
                              </tr>
                            </thead>
                            <tbody>
                                                              <tr id="396819" class="396819" name="96544">
                                    
                                    <td> Feb 09, 2018</td>
                                    <td> Pipeline List import</td>
                                    <td> Closed</td>
                                  </tr>                       
                                                              <tr id="104706" class="104706" name="33010">
                                    
                                    <td> Aug 06, 2015</td>
                                    <td> Email</td>
                                    <td> Deleted</td>
                                  </tr>                       
                                                              <tr id="89295" class="89295" name="34564">
                                    
                                    <td> Apr 02, 2015</td>
                                    <td> Email</td>
                                    <td> Closed</td>
                                  </tr>                       
                                                              <tr id="22625" class="22625" name="18323">
                                    
                                    <td> Nov 12, 2013</td>
                                    <td> Short URL</td>
                                    <td> Won</td>
                                  </tr>                       
                                                        </tbody>
                          </table>

Open in new window


no errors,
Chief Technology Ninja
Distinguished Expert 2018
Commented:
Hi Alex,

Please try this jsfiddle : http://jsfiddle.net/xpvt214o/854269/
I am able to call the function defined on the HTML.

Regards,
Chinmay.
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Most Valuable Expert 2018
Distinguished Expert 2018

Commented:
You need to bind the click event to the trs:

$("#leads-table tr").click(function() { ... });
Most Valuable Expert 2018
Distinguished Expert 2018

Commented:
Something I forgot to mention - you'll need to do the binding BEFORE you trigger the click:

$("#leads-table tr").click( getLeadTimeline ); 
$("#396819").trigger('click');

Open in new window

Author

Commented:
Thanks

both answer solved it.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial