2014-11-06 25 views
0

我想要編寫一個簡單的概念:一個帶有窗體(兩個文本框)的網頁,以及當兩個文本框沒有相同內容時提交窗體,然後彈出一個警報。jAlert無法正常工作,提交表單時什麼也得不到

我有以下代碼:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Examples of using jQuery Alerts</title> 
     <link rel="stylesheet" type="text/css" href="jquery.alerts.css" /> 
     <script src="jquery.js" type="text/javascript"></script> 
     <script src="jquery-ui.js"></script> 
     <script src="jquery.alerts.js" type="text/javascript"></script> 
     <script src="jquery.ui.draggable.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       $('#myform').submit(function() { 
        var x = $('#mytext').val(); 
        var y = $('#mytext2').val(); 
        if (x!=y) { 
         jAlert('Values do not match','Info!'); 
        return false; 
        } 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <form name="myform" id="myform" action="#"> 
      <input type="text" id="mytext" /> 
      <input type="text" id="mytext2" /> 
      <input type="submit"> 
     </form> 
    </body> 
</html> 

所有文件名進行檢查,他們是正確的,但我什麼也沒得到,當我提交表單(一樣,當我做$.jAlert()) - 如果jAlertalert取代一切正常,但我得到了標準的JavaScript警報)。我哪裏錯了?

問候, 喬治

+0

jQuery的版本,你可以分享插件'jAlert'的網址是什麼?網絡上有這麼多。如果你能提供小提琴,那就更好了 – 2014-11-06 03:47:18

回答

0

我已經測試你的代碼。問題出在你的jquery.alerts.js。它在插件的2或3個位置使用'$.browser'。

從jQuery 1.9開始,$.browser方法已被刪除。

jQuery.browser() removed

jQuery.browser()方法,因爲jQuery的1.3已棄用,在1.9被去除。 如果需要,它可作爲jQuery Migrate插件的一部分。我們推薦使用功能檢測功能與Modernizr等庫。

- jQuery Core 1.9 Upgrade Guide

如升級指南中所述,您可以嘗試使用jQuery Migrate plugin來恢復此功能並讓jQuery Tools正常工作。

你必須從插件刪除來解決這個,否則你需要更改插件或使用下面的Jquery 1.9