Блог

У меня есть сворачиваемый файл в JQUERY Mobile, который я использую в качестве дополнительной информации. когда сворачиваемый файл разворачивается, в нижней части экрана появляется фиксированная кнопка с надписью закрыть, чтобы сделать это, поэтому вам не нужно прокручивать назад к началу, чтобы закрыть сворачиваемый файл.

Что я хочу сделать, так это запустить сворачиваемый файл для закрытия с помощью фиксированной кнопки закрытия в нижней части экрана. я пробовал методы привязки, но моя неопытность мешает моему пониманию.

вот код, который я использую.

 <div id="showbutton" data-role="collapsible" data-theme="b" data-transition="turn" data-content-theme="d" class="ui-shadow ui-btn-inline">
    <h2>Read more</h2>
    <h2 id="content">Lots and lots of content here</h2>

        <footer align="center" id="closefooter" data-role="footer" data-position="fixed" data-theme="b">
            <script>
                $(function() {
                    $("#closebutton").click(function() {
                        console.log("ok");
                    $( "#showbutton" ).trigger( "closebutton" );
                    });
                 });
            </script> 
        <a id="closebutton">close</a>
    </footer>

</div>
  

Рабочий пример: http://jsfiddle.net/nmxav27t

 $(document).on("click", "#closebutton", function(event) {
    $("#showbutton").collapsible("collapse");
});
  

Вам нужно привязать щелчок (или событие касания) к кнопке, которую вы хотите использовать для закрытия, затем запустить свертывание по идентификатору showbutton.

Вы можете использовать метод collapse(), как описано здесь: https://api.jquerymobile.com/collapsible

 $( ".selector" ).collapsible( "collapse" );