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
Avatar of Chinmay Patel
Chinmay Patel
Flag of India image

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.
Avatar of Alex Lord
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
Avatar of Chinmay Patel
Chinmay Patel
Flag of India image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of Chris Stanyon
Chris Stanyon
Flag of United Kingdom of Great Britain and Northern Ireland image

You need to bind the click event to the trs:

$("#leads-table tr").click(function() { ... });
Avatar of Chris Stanyon
Chris Stanyon
Flag of United Kingdom of Great Britain and Northern Ireland image

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

Avatar of Alex Lord
Alex Lord

ASKER

Thanks

both answer solved it.
JavaScript
JavaScript

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.

127K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo