php - How do I capture events from multiple dropdown-menus in Twitter Bootstrap? -

-

i have table contains multiple dropdown menus list of profile images. i've tagged list element db id of photo can perform associated action. i've coded table this:

<table class="table table-bordered"> <tbody> <tr>   <td><img src="/photos/files/5/m/131309a4fb918110ed1061e90a715eca.jpeg"/></td><td><div class="btn-group">   <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> user</a>   <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>   <ul class="dropdown-menu">     <li id="5"><a href="#"><i class="icon-pencil"></i> edit</a></li>     <li id="5"><a href="#"><i class="icon-trash"></i> delete</a></li>   </ul> </div> </tr> <tr>   <td><img src="/photos/files/5/m/b19102d8ba1158e2a139ffa84e8e8540.jpeg"/></td><td><div class="btn-group">   <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> user</a>   <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>   <ul class="dropdown-menu">     <li id="7"><a href="#"><i class="icon-pencil"></i> edit</a></li>     <li id="7"><a href="#"><i class="icon-trash"></i> delete</a></li>   </ul> </div></tr>     </tbody> </table>

my jquery attempt below isn't working:

    $('.dropdown-menu').on('click', 'li', function(e){           if ($(this).attr('class')=='icon-pencil') {                 var id = $(this).attr('id');                 alert("id= " + id);          }      });

i never hit alert code missing here?

also there better way track photo id's or work way?

you have li > > .icon-pencil in structure you're looking this.classname on li click (which is, obviously, li). try this:

$('.dropdown-menu').on('click', 'li', function(){     if ($(this).find('icon-pencil').length > 0) {         var id = this.id;         alert("id= " + id);     } });

a cleaner approach listen click on anchor, since usual click element:

$('.dropdown-menu').on('click', 'a', function(){     if ($(this).children('.icon-pencil').length > 0) {         var id = $(this).closest('li').attr('id');         alert("id= " + id);     }     return false; });

and cleanest solution set id's on .dropdown-menu, unique, via .closest('ul') instead of .closest('li').

ps: having duplicate ids bad.


Comments

Post a Comment

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

-
i trying reposotries using c# code process svncommand = null; var psi = new processstartinfo("svnadmin"); psi.redirectstandardoutput = true; psi.redirectstandarderror = true; psi.useshellexecute = false; psi.arguments= @"dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump"; using (svncommand = process.start(psi)) { var myoutput = svncommand.standardoutput; var myerror = svncommand.standarderror; debug.write("output :" + environment.newline + environment.newline + myoutput.readtoend() + environment.newline + "error :" + environment.newline + environment.newline + myerror.readtoend()); svncommand.close(); } when use dump command commandline svnadmin dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump it works fine when try ...
Read more

c# - Copy ObservableCollection to another ObservableCollection -

-
how copy observablecollection item observablecollection without reference of first collection? here observablecollection item value changes affecting both collections. code private observablecollection<ratemodel> _allmetalrate = new observablecollection<ratemodel>(); private observablecollection<ratemodel> _metalrateondate = new observablecollection<ratemodel>(); public observablecollection<ratemodel> allmetalrate { { return this._allmetalrate; } set { this._allmetalrate = value; notifypropertychanged("metalrate"); } } public observablecollection<ratemodel> metalrateondate { { return this._metalrateondate; } set { this._metalrateondate = value; notifypropertychanged("metalrateondate"); } } foreach (var item in metalrateondate) allmetalrate.add(item); what causing , how can solve it? you need clone object referenced item before it's a...
Read more

All overlapping substrings matching a java regex -

-
is there api method returns (possibly overlapping) substrings match regular expression? for example, have text string: string t = 04/31 412-555-1235; , , have pattern: pattern p = new pattern("\\d\\d+"); matches strings of 2 or more characters. the matches are: 04, 31, 412, 555, 1235. how overlapping matches? i want code return: 04, 31, 41, 412, 12, 55, 555, 55, 12, 123, 1235, 23, 235, 35. theoretically should possible -- there obvious o(n^2) algorithm enumerates , checks substrings against pattern. edit rather enumerating substrings, safer use region(int start, int end) method in matcher . checking pattern against separate, extracted substring might change result of match (e.g. if there non-capturing group or word boundary check @ start/end of pattern). edit 2 actually, it's unclear whether region() expect zero-width matches. specification vague, , experiments yield disappointing results. for example: string line = "xx90xx"; strin...
Read more