jQuery Mobile проведите пальцем ли, чтобы проверить скрытый флажок - PullRequest
Новая
       18

jQuery Mobile проведите пальцем ли, чтобы проверить скрытый флажок

0 голосов
/ 21 февраля 2012

Я ищу swiperight на jQuery Mobile, чтобы выделить список и установить скрытый флажок внутри.И когда я снова подожду, это полностью изменит действие.Вот что я собрал до сих пор:

HTML: 

<ul data-role="listview">
   <li><a href="#resultPage">Deals<input type="checkbox"/></a></li>
</ul>

CSS: 

input[type="checkbox"]
{
    display:none;
}

Jquery: 

   $(document).ready(function() {   
        //Swipe
    $("#searchPage li").live('swiperight', function(){
    if($(this).children(':input:checkbox').is(':checked')){
        $(this).css('background','orange');
        $(this).children(':input:checkbox').click();
    }else{
        $(this).css('background', '');
        $(this).children(':input:checkbox').click();
    }
     }
    });//END ready

1 Ответ

0 голосов
/ 22 февраля 2012

удалите тег <a> и проверьте ...... (я не знаю, почему это так. Но работает нормально, если <a> удалено)

пример кода: 

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<div data-role="page" id="page">

    <div data-role="content">
        <p>
            <ul data-role="listview" data-inset="true" data-theme="c">
                <li id="listitem">    Deals<input id="checkbox" type="checkbox" /></li>
            </ul>
        </p>
    </div>


    </div>
</div>

и js код: 

  $(document).ready(function() {   

    $('#page').bind('swiperight', function(){

    if($('#checkbox').is(':checked')){
        $(this).css('background','orange');
        $('#checkbox').click()

    }else{

        $(this).css('background', '');
         $('#checkbox').click()
    }
     });
    });//END ready​

пример примера здесь:

http://jsfiddle.net/reddyprasad321/WmsjX/

http://jsfiddle.net/reddyprasad321/WmsjX/

...