JavaScript jQuery mobile collapsed list view with search not working jquery mobile collapse,jquery mobile collapse dynamically,jquery mobile collapse

I have created a listview in jquery with a listdivider with a filter. The filter works as expected but as soon as you collapse either of the list dividers, the search subsequently does not work at all,

<!DOCTYPE html>
<html>
<head>

  <title>jQuery Mobile page</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" target='_blank' href="  <link rel="stylesheet" target='_blank' href="<%=request.getContextPath()%>/css/mobile/jquery.mobile.structure-1.3.1.min.css" /> 

  <script src="<%=request.getContextPath()%>/js/jquery-1.9.1.min.js"></script> 
  <script type="text/javascript">
    jQuery(document).bind("mobileinit", function () {
     jQuery.mobile.ajaxEnabled = false;
    });

    </script>
  <script src="<%=request.getContextPath()%>/js/mobile/jquery.mobile-1.3.1.min.js"></script> 
   <script>
   var hide=0;
   var dpwClone='';
    $(function(){
      $('[data-role="list-divider"]').click(function(element){
          $(this).nextUntil('[data-role="list-divider"]').toggle();
          $("#eServiceList").listview("refresh");
//      $(this).nextUntil('[data-role="list-divider"]').toggle();
    });

    $( "#eServiceList" ).listview( "option", "filterCallback", searchList);

    function searchList( text, searchValue, item ) {
           var result = text.toString().toLowerCase().indexOf( searchValue.toString().toLowerCase() );
           var show = false;
           var hide = true;

        if (result == -1 )
           return hide;

        return show;   
    };
   }); 
  </script>

 </head>
<body>

<div data-role="page">
    <div data-role="header">
        <h1>Problem nested list views</h1>
    </div>
    <div data-role="content">   
        <div class="content-primary">   
            <ul data-role="listview" data-inset="true" data-divider-theme="d" data-filter="true" id="eServiceList">
                <li data-role="list-divider" id="dpw" >

                        DPW
                </li>

                <li><a target='_blank' href="#" class="dpw">Inbox</a></li>
                <li><a target='_blank' href="#" class="dpw">Outbox</a></li>

                   <li data-role="list-divider" id="custo">

                        Customs
                </li>

                <li><a target='_blank' href="#" class="custo">Friends</a></li>
                <li><a target='_blank' href="#" class="custo">Work</a></li>
            </ul>
        </div>
</div>
</div>
<script>

</script>

</body>
</html>

Below is the JSfiddle link.

http://jsfiddle.net/jsfiddle_one/R8pZH/

Answer:1

I have a PHP Function that I would like to integrate into my (existing) web page. Further, I would like it to execute when the user clicks a link on the page. The function needs to accept the text ...

I have a PHP Function that I would like to integrate into my (existing) web page. Further, I would like it to execute when the user clicks a link on the page. The function needs to accept the text ...

  1. calling function through pointer

I have a form in Angular setup like the following. Users can make changes and submit one at a time and it works as expected but I'd like to add a "Submit All" that would submit each item one at a ...

I have a form in Angular setup like the following. Users can make changes and submit one at a time and it works as expected but I'd like to add a "Submit All" that would submit each item one at a ...

  1. submit multiple forms with one button
  2. submit multiple forms with one button powerapps
  3. submit multiple forms with one button jquery
  4. submit multiple forms with one button angular
  5. submit multiple forms powerapps
  6. submit multiple forms with one button ajax
  7. submit multiple forms with one button django
  8. submit multiple forms with one button php
  9. submit multiple forms with ajax
  10. submit multiple forms with one button angular 2
  11. submit multiple forms with one button asp.net mvc
  12. submit multiple forms
  13. submit multiple forms with one button html
  14. submit multiple forms with one button jquery ajax
  15. submit multiple forms at once
  16. submit multiple forms with one button rails
  17. submit multiple forms php
  18. submit multiple forms jquery
  19. submit multiple forms django
  20. submit multiple forms using ajax

I am trying to detect Hebrew characters using a regular expression. From what I have read, this is any character in the Unicode range 0x0590-0x05ff. However, the following doesn't work: // ...

I am trying to detect Hebrew characters using a regular expression. From what I have read, this is any character in the Unicode range 0x0590-0x05ff. However, the following doesn't work: // ...

  1. hebrew unicode range

I have a page on my site where a user can select boxes to return a query based on their selection. For example, my header looks like: _Burgers _Fries _Beverage _small _medium _large The ...

I have a page on my site where a user can select boxes to return a query based on their selection. For example, my header looks like: _Burgers _Fries _Beverage _small _medium _large The ...