0

「スライドショーの自動進行が停止しました」というコントロールを使用してスライドショーをナビゲートするたびに表示されるようにしたアラートボックスでこの問題が発生しています。情報をローカルに保存して、コントロールを 1 回押してメッセージが表示されたら、ナビゲートし続けるとメッセージの表示が停止するようにします。

JS スクリプト

<script>
        $(document).ready( function() {

                $("#pressed1").click( function() {
                    jConfirm('Slideshow auto advance has stopped!<br />Press OK to stop showing this message for 2 hour.', 'Website alert');
                });

            });

        $(document).ready( function() {

                $("#pressed2").click( function() {
                    jConfirm('Slideshow auto advance has stopped!<br />Press OK to stop showing this message for 2 hour.', 'Website alert');
                });

            });

        $(document).ready( function() {

                $("#pressed3").click( function() {
                    jConfirm('Slideshow auto advance has stopped!<br />Press OK to stop showing this message for 2 hour.', 'Website alert');
                });

            });

        $(document).ready( function() {

                $("#pressed4").click( function() {
                    jConfirm('Slideshow auto advance has stopped!<br />Press OK to stop showing this message for 2 hour.', 'Website alert');
                });

            });
</script>

HTML コード

<div id="main2">  
  <div id="gallery">

    <div id="slides">
    <div class="slide"><img src="imgs/slide.imgs/1.jpg" onmousedown="return false;" style="border-style: none" width="1040" height="400" alt="side" /></div>
    <div class="slide"><img src="imgs/slide.imgs/1.jpg" onmousedown="return false;" style="border-style: none" width="1040" height="400" alt="side" /></div>
    <div class="slide"><img src="imgs/slide.imgs/3.gif" onmousedown="return false;" style="border-style: none" width="1040" height="400" alt="side" /></div>
    <div class="slide"><a href="buywebdesign.html" onmousedown="return false;" target="_blank"><img src="imgs/slide.imgs/4.gif" style="border-style: none" width="1040" height="400" alt="side" /></a></div>
    </div>

    <div id="menu">
    <ul><div class="thumbs">
        <li class="fbar">&nbsp;</li>
        <li class="menuItem"><a href=""><img src="imgs/slide.imgs/thumb_ball.png" id="pressed1" onmousedown="return false;" style="border-style: none" alt="thumbnail" /></a></li>
        <li class="menuItem"><a href=""><img src="imgs/slide.imgs/thumb_ball.png" id="pressed2" onmousedown="return false;" style="border-style: none" alt="thumbnail" /></a></li>
        <li class="menuItem"><a href=""><img src="imgs/slide.imgs/thumb_ball.png" id="pressed3" onmousedown="return false;" style="border-style: none" alt="thumbnail" /></a></li>
        <li class="menuItem"><a href=""><img src="imgs/slide.imgs/thumb_ball.png" id="pressed4" onmousedown="return false;" style="border-style: none" alt="thumbnail" /></a></li>
   </div> </ul>
    </div>
  </div>
</div>
4

2 に答える 2

0

実際、ここでできることはおそらくたくさんあると思います。

実際には 1 つの document.ready だけが必要であり、セレクター ステートメントに複数の要素を含めることができます。

あなたの特定の問題については、trueから始まり、一度表示されるブール値を設定するだけで、メッセージが表示されるとfalseに設定され、if()ステートメントにはなりません。

    $(document).ready(function () {
        var msg = "Slideshow auto advance has stopped!<br />Press OK to stop showing this message for 2 hour.";
        var displayAlert = true;

        $("#pressed1, #pressed2, #pressed3, #pressed4, #pressed5 ").click(function () {
            if (displayAlert) {
                jConfirm(msg, 'Website alert');
                displayAlert = false;
            }
        });
    });
于 2013-05-10T03:49:52.883 に答える