1. 首頁
  2. 問答
  3. 基金會6顯示阿賈克斯不工作

基金會6顯示阿賈克斯不工作

2016-06-17 50 views
0

我試圖創建一個重估莫代爾基金會6和AJAC，但不起作用。 我跟着官方指導基金會6顯示阿賈克斯不工作

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); \t 
 
$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>

來源

2016-06-17 Luca

+0

你初始化基金會？ '; $（document）.foundation（）;' – Aibrean

+0

函數jQuery（document）.foundation（）; 它包含在文件app.js中 – Luca

回答

0

我不知道爲什麼它不工作完全按照我不能運行的代碼（http://ci.dev/...似乎是本地的鏈接您的機），但它可能是下列之一：

  • 你有一個接近div但沒有開放
  • 您正在嘗試使用基金會JS（$modal.html(resp.html).foundation('open');等）已初始化基金會之前（如果在app.js，按你的意見，這是後顯示代碼）
  • foundation.min.js（除非你有生成的削減版本）包括運動UI和揭示，所以你不需要添加每個JS文件
  • 你缺少;後alert($modal)
  • 我想你的意思console.log(resp);而不是conaole.log(resp);
  • 您引用了元素$('#modal')，但頁面上沒有元素，其編號爲modal（您的鏈接也是h爲data-reveal-id='myModal'）

來源

2016-06-18 20:20:40 tymothytym

0

我創建了一個空的div id爲 「模式」，並糾正了JS：

 jQuery('.big-link').click(function(){ 
 
    var dati = jQuery(this).parent().attr('id'); 
 
    var $modal = $('#modal'); 
 
    $.ajax('http://ci.dev/AR-PIB/Warn/delete') 
 
    .done(function(resp){ 
 
    var $modal = $('#modal'); 
 
    alert($modal); 
 
    $($modal).html(resp).foundation('open'); 
 
    jQuery('#Mymodal').css('display', 'block'); 
 
    jQuery('#Mymodal').css('visibility', 'visible'); 
 
    console.log(resp); 
 
    }); 
 
    }); 
 
    });

如果我不進入上顯示的CSS屬性顯示並隱藏顯示屏

來源

2016-06-20 14:23:40 Luca

+0

它不工作，因爲aera加載了錯誤的CSS。 現在一切正常。 – Luca

相關問題

 相關問題