jquery - if statement is visible is undefined -
i'm trying id slide-1 has attr of displays block add class id pagecount-1 of active. i'm trying each slide indicator shown active. have:
<div id="slider"> <div class="sp active" id="slide-1" style="display: block"></div> <div class="sp" id="slide-2" style="display: none"></div> <div class="sp" id="slide-3" style="display: none"></div> <div class="sp" id="slide-4" style="display: none"></div> </div> <div id="page"> <div id="page_count-1" class="indicate"></div> <div id="page_count-2" class="indicate"></div> <div id="page_count-3" class="indicate"></div> <div id="page_count-4" class="indicate"></div> </div> jquery:
for (var = 1; <= 4; i++) { if ($('#slide-' + i).is(':visible')) { $('#page_count-' + i).addclass('active'); } } console log keeps displaying undefined. if run .attr('display', 'block') makes active.
display css property, not attribute. try:
.css('display', 'block'); .attr() set attribute on element, instance:
<div id="some-div"></div> would turn into:
<div id="some-div" data-foobar="barfoo"></div> if run .attr() on this:
$("#some-div").attr("data-foobar", "barfoo");
Comments
Post a Comment