Avatar of Alex Lord
Alex Lord
 asked on

trigger click not working on table row

$("#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.
JavaScriptjQuery

Avatar of undefined
Last Comment
Alex Lord

8/22/2022 - Mon
Chinmay Patel

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.
Alex Lord

ASKER
<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,
ASKER CERTIFIED SOLUTION
Chinmay Patel

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
Chris Stanyon

You need to bind the click event to the trs:

$("#leads-table tr").click(function() { ... });
This is the best money I have ever spent. I cannot not tell you how many times these folks have saved my bacon. I learn so much from the contributors.
rwheeler23
Chris Stanyon

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

Alex Lord

ASKER
Thanks

both answer solved it.