jQuery對話框的內容僅針對第一個請求對齊

Question

JSP文件

 <a  href="#" onclick="pop('terms')> Terms of Use </a>
 | <a  href="#"  onclick="pop('privacy')"> Privacy Policy </a>
 | <a  href="#"  onclick="pop('contact')"> Contact Us / Advertise  


 <div id="dialog"> </div>

JS文件

 function pop(url){
  $("#dialog").dialog({
     modal:true,
     height:450,
     width:600,
     open: function(){
        if(url=="privacy")
        $("#dialog").load('/temp_privacy.jsp');
        if(url=="contact")
            $("#dialog").load('/temp_contact.jsp');
        if(url=="terms")
            $("#dialog").load('/temp_terms.jsp');
    },
       title: url.toUpperCase(),
    close: function(){
        $("#dialog").dialog('destroy');
    }
});

對於打開的“第一個請求”對話框，其文本左對齊，頂部每秒對齊，隨后對話框中的請求對齊完全是隨機的，我不明白是什么原因導致了此行為？

Answer 1

在不查看代碼的情況下，當您加載諸如ajax請求之類的頁面時，您的內容css將被您身體其余部分覆蓋。 確保所有ID都是唯一的，即使在jsp文件中也不要在其他任何地方設置樣式。 與類相同，請確保它們沒有文檔中其他地方的同一類正在使用的alt css