0

jQuery を使用して公開ウィンドウを開こうとしていますが、機能しません。私はあなたが助けてくれるかどうか疑問に思っていました。コードは以下です

<div class="row">

<a id="open" href="#" class="button">Click Me For A Modal</a>

<div id="myModal" class="reveal-modal [expand, xlarge, large, medium, small]">
  <h2>Awesome. I have it.</h2>
  <p class="lead">Your couch.  It is mine.</p>
  <p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
  <a class="close-reveal-modal">&#215;</a>
</div>


<script type="text/javascript">
$(document).ready(function() {
$("a.button").click(function() {
  $("#myModal").reveal();
});
});
</script>
4

2 に答える 2

2

私はこのようにします

<div class="row">
            <div class="large-12 columns">
                <div id="myModal" class="reveal-modal">
                  <h2>Awesome. I have it.</h2>
                  <p class="lead">Your couch.  It is mine.</p>
                  <p>Im a cool paragraph that lives inside of an even     cooler modal. Wins</p>
                  <a class="close-reveal-modal">&#215;</a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="large-6 columns">
                <div class="panel">
                    <p><a href="#" data-reveal-id="myModal">Open with Data Reveal</a></p>
                </div>
            </div>
            <div class="large-6 columns">
                <div class="panel">
                    <p><a class="foundation-open" href="http://google.com">Open with jQuery</a></p>
                </div>
            </div>
        </div>

そしてスクリプト（スクリプトはjQueryの後ではなく、前でなければならないことに注意してください。そうしないと、あなたが言及したエラーが発生します）

 <script src="js/jquery.js"></script>
  <script src="js/foundation.min.js"></script>
  <script>$(document).foundation();</script>
  <script type="text/javascript">
    jQuery(document).ready(function($){
    $('a.foundation-open').click(function(e){
        e.preventDefault();
    $('#myModal').foundation('reveal', 'open');
    });
    });
  </script>
于 2013-10-05T17:42:35.687 に答える
1

2 つの異なる Js ライブラリを使用している場合、競合が発生するはずです。

  jQuery(document).ready(function($) { 

    $("a.button").click(function() { 

   $('#myModal').reveal(); 

      });

   });
于 2013-10-05T03:15:30.740 に答える