2

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

但是,它仅在您刷新 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>
4

1 回答 1

0

您只获得初始窗口宽度。

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

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

于 2012-06-13T16:35:58.890 回答