Question

这个想法是这款手风琴仅适用于智能手机，以提高小型设备的可用性。

但是只有在480下刷新浏览器时它才有效。

是否有一种方法可以在函数中包含一些内容，只要窗口在480下调整大小，浏览器就会刷新？

手动刷新浏览器根本不会使其可用。

var windowWidth = $(window).width(); //retrieve current window width
function accordion() {
if (windowWidth<=480)
{


$('h3').click(function() {

    $('h3').next().hide(2000);

    if($(this).next().is(':hidden') == true) {

          $(this).next().show(1000); } 


                         });

                    }}

$(document).ready(function() {
 accordion();
 });

HTML标记

                    <section class="box">

                        <h3>Service 1</h3>

                       <div class="box2"> <p></p></div>

                    </section><!-- end box_1 --> 

                    <section class="box">

                        <h3>Service 2</h3>

                        <div class="box2"><p></p>   </div>                     

                    </section><!-- end box_2 --> 

                    <section class="box">

                        <h3>Service 3</h3>

                        <div class="box2"><p></p>   </div>                     

                    </section><!-- end box_3 -->  

                    </section>

Answer 1

您只获得初始窗口宽度。

$(window).resize(function () { windowWidth = $(this).width(); });

如果窗口再次变宽，您还需要适当地运行accordion并关闭它。也许只需在accordion方法中添加对window.resize的调用就足够了，但我还没有测试过。

适用于智能手机的jQuery手风琴

1 个答案: