2011-06-22 16 views
0

こんにちは人々は、Firefoxのjqueryダイアログボックスをレンダリングする際に問題があります。フォームのダイアログは、「フォームを取得する」ボタンがクリックされたときに開く/表示されるはずです。これは、ダイアログコンテンツが既に通常のフォームとして表示されているFirefox以外のすべてのブラウザで有効です。FirefoxのJQueryUIダイアログに関する問題

これは、Firefoxのページのスクリーンショットです。 >>http://wyntersunholidays.com/screenshot.jpg

サファリで必要に応じて動作します。 >>http://wyntersunholidays.com/Screen%20shot-safari.jpg

また、何らかの理由でボタンがjqueryボタンとしてレンダリングされていません。誰かがこれにいくつかの光を当てることができますか?事前に

おかげで

$("#dialog:ui-dialog").dialog("destroy"); 
$("#dialog-form").dialog({ 
     autoOpen: false, 
     height: 450, 
     width: 350, 
     left:200, 
     modal: true, 
     buttons: { 
      "Submit Details": function() { 
       allFields.removeClass("ui-state-error"); 


        $("#users tbody").append("<tr>" + 
         "<td>" + name.val() + "</td>" + 
         "<td>" + email.val() + "</td>" + 
         "<td>" + tel.val() + "</td>" + 
        "</tr>"); 
        $(this).dialog("close"); 

      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     }, 
     close: function() { 
      allFields.val("").removeClass("ui-state-error"); 
     } 
    }); 

これは私が私のスクリプトを含める方法です

<link href="css/learnercss.css" rel="stylesheet" type="text/css" /> 
<link href="jquery-ui-1/css/custom-theme/jquery-ui-1.8.13.custom.css" rel="stylesheet" type="text/css"/> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<script src="jquery/jquery.cycle.lite.min.js"></script> 
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> 


<script> 

$(document).ready(function() { 

//the jquery... 

}) 
</script> 
+0

ダイアログのようなサウンドが開始されていません。いくつかのコードを教えてください。 – Niklas

+0

元の質問を再編集しました。その本当に奇妙な、iveはそれを理解しようとした時間を過ごしました。 –

答えて

0
すぎUIボタンとしてレンダリングされませんボタンは、あなたが含まれどのように受け入れていないFirefoxのように思える

あなたのページのJavaScript。これは私がページにjQueryとUIを含める方法です:それはまだこのように動作しない場合

<head> 
    ... 
    <script src="jquery-1.5.1.min.js" type="text/javascript"> 
    <script src="jquery-ui-1.8.13.min.js" type="text/javascript"> 
    ... 
</head> 

あなたは、あなたがそれらを含める方法を投稿してもらえますか?

+0

オリジナルの質問が更新され、どのようにそれらが含まれているかが示されました。 –

+0

と@ Lawrence88:それはあなたの問題に関係しないかもしれませんが、それは ''要素の一番下に置くことをお勧めします。 [理由はここにあります。](http://developer.yahoo.com/blogs/ydn/posts/2007/07/high_performanc_5/) – Sparky

+1

Lawrence88 @:OK、これは動作するはずです。私は、あなたが疑っているように、エラーが実際にはJavaScriptになければならないと思います。 Firebugを実行してFirefoxであなたのページにアクセスしようとしましたか?これにより、コンソールにエラーが表示されます。 –

関連する問題