2012-06-01 2 views
0
여기

에서 작동하지 않는 것은 내가 사용 된 JQuery와 - UI를 모달 코드 :JQuery와 모달 팝업이 IE

//jQuery form dialog modal popup and submit 
$(function() { 
$("#facilitiesForm").validate(); 

$("#facilityForm").dialog({ 
    autoOpen: false, 
    height: 470, 
    width: 650, 
    modal: true, 
    buttons: { 
     "Send To The Facilities Manager": function() { 
      $("#facilitiesForm").submit(); 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
     }, 
    }, 
    close: function() { 
     allFields.val("").removeClass("ui-state-error"); 
    } 
}); 

$("#helpForm").validate(); 

$("#helpdeskForm").dialog({ 
    autoOpen: false, 
    height: 570, 
    width: 650, 
    modal: true, 
    buttons: { 
     "Send To The Helpdesk": function() { 
      $("#helpForm").submit(); 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
     }, 
    }, 
    close: function() { 
     allFields.val("").removeClass("ui-state-error"); 
    } 
}); 

$("#adminForm").validate(); 

$("#adminTasksForm").dialog({ 
    autoOpen: false, 
    height: 470, 
    width: 650, 
    modal: true, 
    buttons: { 
     "Send To The Admin": function() { 
      $("#adminForm").submit(); 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
     }, 
    }, 
    close: function() { 
     allFields.val("").removeClass("ui-state-error"); 
    } 
}); 

$("#contactFacilityManager") 
    //.button() 
    .click(function() { 
     $("#facilityForm").dialog("open"); 
    }); 

$("#contactHelpdesk") 
    //.button() 
    .click(function() { 
     $("#helpdeskForm").dialog("open"); 
    }); 

$("#contactAdminTasks") 
    //.button() 
    .click(function() { 
     $("#adminTasksForm").dialog("open"); 
    }); 

}); 

난 그냥 버그와 IE에서 작동하지 않습니다 팝업 상자를 몰래 시작했다. 내가 얻는 오류는 다음과 같습니다.

Webpage error details 

Message: Expected identifier, string or number 
Line: 16 
Char: 6 
Code: 0 
URI: http://newintranet/js/script.js 

IE에서 작동하지 않는 아이디어 (Chrome 및 FF에서 제대로 작동)

답변

4

IE에서 아래 코드에서 구문 오류가 발생합니다. 여분의 쉼표를 제거하면 정상적으로 작동합니다.

buttons: { 
     "Send To The Helpdesk": function() { 
      $("#helpForm").submit(); 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
     }, //extra comma here 
    } 
+0

명확히하기 : IE는 마침표 뒤에 쉼표를 사용합니다. 다른 브라우저는 상관하지 않습니다. – Kreegr

+0

예, 게시 한 지 몇 분 후에 나타납니다. 발견 주셔서 감사합니다. .. 페이지의 아래의 더 약간의 것이 또한 있었다. .. 나는 jquery-ui 사이트에서 이것을 똑바로 베꼈다! – ClaytonDaniels

4

"Cancel"기능의 닫는 중괄호와 buttons 개체의 닫는 중괄호 사이에는 16 행에 여분의 쉼표가 있습니다.

실제로 36 번과 56 번 줄에서 동일한 실수를 두 번 반복했습니다. 대화 상자의 단추를 지정할 때마다.

IE는 구문 오류로 간주합니다. 다른 브라우저는 더 관대합니다 (결국 쉼표가 아무런 영향을 미치지 않으면 빈 문이됩니다).

+0

내가 게시 한 후 몇 분 후에 나타났습니다. 발견 주셔서 감사합니다 ... 나는 jquery-ui 사이트에서 바로 복사했습니다. 죄송합니다. 두 개의 녹색 체크 표시를 제공 할 수 없습니다! – ClaytonDaniels