javascript - Jquery .load causing button click issues -


i'm trying use .load load separate .php file single page. after page loads, want button have added class (change in background-color). if put code buttons directly in div tag on main page. $('button').click changes bg color on first click. if use .load , click. code executed , loads data in button doesn't class i'm trying add it. work after 2 clicks.

jquery

//loads .php file main window $('#utlist').load('content/usertypes.php #other');  //adds class button clicked. //removes class other buttons 1 has darker background $('button').click(function(){     $('button').removeclass('actsite')         $(this).addclass('actsite'); });

css:

.actsite {     background-color: #444; }

html:

<button id="adc" href="#usertype" class="button scrolly" onclick="fillusertypes('adc');" >adc</button>

the button usertypes.php , follow href anchor, won't add class until @ least 2 clicks.

edit:

this entire function. have 3 of these, named differently. same thing. .load page based on button pressed. have added suggested changes. problem need total of 4 or 5 buttons highlighted. have made different classes each. .actsite, .actut, .actcadcam. click button first class added. on teh second button click, first button has class removed , 2 classes added second button.

view jsfiddle of new problem. buttons should end highlighted in fiddle.

resolution

i found resolution myself. put below code inside each function. works correctly now!

jsfiddle of resolution.

remove $(document).on('click', 'button', (function(){ , use ...

$('button').removeclass('actsite'); $(document.activeelement).addclass('actsite');

this uses whatever button pressed. doesn't activate on every single button in document remove class.

you can try binding button click dynamically this:

$(document).on('click', 'button', (function(){     $('button').removeclass('actsite');     $(this).addclass('actsite'); });

attach handler references

jquery .on()

jquery .delegate()


-

Popular posts from this blog

debugging - Reference - What does this error mean in PHP? -

what this? this number of answers warnings, errors , notices might encounter while programming php , have no clue how fix. community wiki, invited participate in adding , maintaining list. why this? questions "headers sent" or "calling member of non-object" pop on stack overflow. root cause of questions same. answers questions typically repeat them , show op line change in his/her particular case. these answers not add value site because apply op's particular code. other users having same error can not read solution out of because localized. sad, because once understood root cause, fixing error trivial. hence, list tries explain solution in general way apply. what should here? if question has been marked duplicate of this, please find error message below , apply fix code. answers contain further links investigate in case shouldn't clear general answer alone. if want contribute, please add "favorite" error message, warning or notic...
Read more

c++ - Why doesn't unordered_set provide an array access operator -

i'm curious why stl container unordered_set , has constant time complexity random access on average, not provide method accessing elements distance first element in container. example: t& unordered_set::operator[](size_t index) { return *(begin() + index); } accessing element "by distance" implies there meaningful way measure distance. trouble std::unordered_set is is, well, unordered . hence, there no meaningful way of explaining "some distance beginning" in non-arbitrary way. if want access distance, copy data vector: std::vector tmp(unordered.begin(), unordered.end());
Read more