JavaScript jQuery UI : Select menu does not close when clicking inside div of swiper plugin jquery selectmenu set value,jquery selectmenu on change,jquery selectmenu

I have a maybe little problem. I use the swiper plugin and inside I have one select that is overrided by the jQuery UI select menu.

<script type="text/javascript">
$(select).selectmenu()

var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    spaceBetween: 0
});
</script>


<div class="swiper-container responsive">
    <div class="swiper-wrapper" style="background:red;">
    <!--First Slide-->
    <div class="swiper-slide ">
        page1
        <select>
            <option>test1</option>
            <option>test2</option>
            <option>test3</option>
        </select>
    </div>

      <!--Second Slide-->
      <div class="swiper-slide">
        page2
      </div>
  </div>
</div>  

My problem is the following:

When i click on the selectmenu it opens correctly, but when i then click inside the swiper div instead chosing an option the selectmenu does not close - only in internet explorer 11 here :/. It stays open which is pretty shit, when it goes to the second slide.

I use the latest jQuery UI and swiper version.

I have no clue what could be going wrong.

Answer:1

I want to find the next element with a given class after the element which trigged the event, regardless of the position of the searched element. Let’s say I have multiple pairs of inputs. One with ...

I want to find the next element with a given class after the element which trigged the event, regardless of the position of the searched element. Let’s say I have multiple pairs of inputs. One with ...

  1. next element with class javascript
  2. next element with class jquery
  3. next element with class css
  4. next element with same class jquery
  5. next element with class
  6. next element with id jquery
  7. next element with css
  8. next element with javascript
  9. next element with jquery
  10. next element in list python
  11. next element in array javascript
  12. next element in array python
  13. next element in vector c++
  14. next element in list
  15. next element for loop python
  16. next element in xpath
  17. next element in array php
  18. next element in map c++
  19. next element in array java
  20. next element in foreach java

How can I highlight selected value from a multiple html select tag with data from the database? <select required name="PrevOptns" id="PrevOptns" size="7" multiple class="select_with_label_wide"&...

How can I highlight selected value from a multiple html select tag with data from the database? <select required name="PrevOptns" id="PrevOptns" size="7" multiple class="select_with_label_wide"&...

  1. html highlight value

I have a large object, and not each element within the object has the same keys or number of keys. The first element has all the keys, and this first element's values are what I want to actually USE ...

I have a large object, and not each element within the object has the same keys or number of keys. The first element has all the keys, and this first element's values are what I want to actually USE ...

  1. javascript write object to file
  2. javascript write object to console
  3. javascript write object to json file
  4. javascript write object as string
  5. javascript write object to html
  6. javascript write object to csv
  7. javascript write object to localstorage
  8. javascript write object to json
  9. javascript write object
  10. javascript write object properties
  11. javascript write object to cookie
  12. javascript write object to document
  13. javascript write all object properties
  14. javascript write out object
  15. javascript write json object as string
  16. javascript write json object to console
  17. node write javascript object to file
  18. javascript write out json object
  19. javascript write into object

I am currently struggling copying the innerHTML part of classes to another div. The problem is that I am using the same class name for every div but each div has another content. I want to achieve ...

I am currently struggling copying the innerHTML part of classes to another div. The problem is that I am using the same class name for every div but each div has another content. I want to achieve ...