Filtering removes element form DOM
-
Hello Dima,
When I apply a filter, in this case the price filter, it hides the form element that you see in my code below. Do you know why that happens?
Thanks!
Danny
<section class="product-filters clearfix"> <form class="woocommerce-ordering" method="get"> <select name="orderby" class="orderby" id="ui-id-1" style="display: none;"> <option value="menu_order" selected="selected">Default sorting</option> <option value="popularity">Sort by popularity</option> <option value="rating">Sort by average rating</option> <option value="date">Sort by newness</option> <option value="price">Sort by price: low to high</option> <option value="price-desc">Sort by price: high to low</option> </select> <span class="ui-selectmenu-button ui-widget ui-state-default ui-corner-all" tabindex="0" id="ui-id-1-button" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-owns="ui-id-1-menu" aria-haspopup="true" style="width: 165px;"><span class="ui-icon ui-icon-triangle-1-s"></span><span class="ui-selectmenu-text">Default sorting</span></span> <input type="hidden" name="filters" value="price=80.0083.00"><input type="hidden" name="max_price" value=""><input type="hidden" name="min_price" value="80.0083.00"></form> <a class="btn toggle-filters show" href="#"><span>SHOW</span><span>HIDE</span> FILTERS</a> <div class="the-product-filters hidden"> <h3 class="widget-title berocket_aapf_widget-title">Price Filter</h3> <ul class="berocket_aapf_widget " data-scroll_theme="dark"><li class="slider price"> <span class="left"> <input type="text" disabled="" id="text_937191763370492428_1" value="80.0083.00"><label for="text_937191763370492428_1"> </label></span> <span class="right"> <input type="text" disabled="" id="text_937191763370492428_2" value=""><label for="text_937191763370492428_2"> </label></span> <span class="slide"> <div class="berocket_filter_slider berocket_filter_price_slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" data-taxonomy="937191763" data-min="80.00" data-max="100.00" data-value1="80.0083.00" data-value2="" data-fields_1="text_937191763370492428_1" data-fields_2="text_937191763370492428_2"><div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 0%;"></div><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span></div> </span> </li></ul> </div> </section>
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
The topic ‘Filtering removes element form DOM’ is closed to new replies.