-1

Reval Modal Foundation 6 と Ajac を作成しようとしていますが、機能しません。公式ガイドに従った

ページのhtml 

<!DOCTYPE html><html lang="it">
<head>
 <title>Avvisi</title>
 <link href="http://ci.dev/assets/css/foundation.min.css" rel="stylesheet" type="text/css" />
<script src="http://ci.dev/assets/js/vendor/jquery.min.js" type="text/javascript">
</script><script src="http://ci.dev/assets/js/foundation.min.js" type="text/javascript"></script><script src="http://ci.dev/assets/js/foundation.reveal.js" type="text/javascript"></script><link href="http://ci.dev/assets/css/reveal.css" rel="stylesheet" type="text/css" /><link href="http://ci.dev/assets/css/motion-ui.css" rel="stylesheet" type="text/css" /><script src="http://ci.dev/assets/js/vendor/what-input.min.js" type="text/javascript"></script><script src="http://ci.dev/assets/js/vendor/motion-ui.js" type="text/javascript"></script></head>
<body>
<h2>Title</h2><p>Message</p>
<span><a href='http://ci.dev/AR-PIB/warn/edit_v/160/284'>Edit</a></span><span id='160|284'><a class='big-link' href='#' data-reveal-id='myModal' data-animation='fade'>Delete</a></span></div><hr/>
<script type="text/javascript">jQuery(document).ready(function() {
 jQuery('.big-link').click(function(){
 var dati = jQuery(this).parent().attr('id');
 var $modal = $('#modal');
 alert($modal)
 $.ajax({'http://ci.dev/AR-PIB/Warn/delete'})
 .done(function(resp){
 alert(resp);
 jQuery('body').append(resp);	
 $modal.html(resp.html).foundation('open');
 conaole.log(resp);
  });
 });
});
</script>
<script src="http://ci.dev/assets/js/app.js" type="text/javascript"></script></body></html>

4

3 に答える 3

1

コードを実行できないため正確に機能しない理由はわかりませんが (リンクhttp://ci.dev/...はマシンのローカルにあるようです)、次のいずれかである可能性があります。

  • クローズdivがありますが、オープンはありません
  • Foundation を初期化する前にFoundation JS (など) を使用しようとして$modal.html(resp.html).foundation('open');います (app.js の場合、コメントごとに、これは Reveal コードの後です)
  • foundation.min.js (スリム化されたバージョンを生成した場合を除く) には、モーション UI とリビールの両方が含まれているため、各 JS ファイルを追加する必要はありません。
  • あなたは;アフターがありませんalert($modal)
  • console.log(resp);ではなく、という意味だと思いますconaole.log(resp);
  • 要素を参照していますが、ページに id の要素$('#modal')がありませんmodal(リンクにも がありますdata-reveal-id='myModal')
于 2016-06-18T20:20:40.480 に答える
0

Foundation Docsによると：

http://foundation.zurb.com/sites/docs/javascript.html#adding-content-to-plugins

を追加するだけで、すぐに機能しFoundation.reInit('abide');ます。

于 2016-07-29T12:20:18.113 に答える