문 부트 스트랩 모달

Question

호출 할 경우 내가 JS 코드의 비트 내가 CAT2가 모달

그래서 난 시도하는 경우 (CAT2) {$ ('#의 myModal') 활성화 발생했을 때 그래서 그걸 얻기 위해 노력하고 있습니다 .modal ('show')}; 하지만 밤은 내가 주위를보고 있었다 그러나 havent 한 내가 코드을 yor는 부트 스트랩의 모달 functionalty를 확장 할 경우 http://www.hungrypiranha.org/make-a-website/html-quiz

     $(document).ready(function() 
         { $("#results").click(function() {     

         if (!$("input[@name=q1]:checked").val()   
         ) {    
         alert("You're not done yet!");   
         }   

         else {    
         var cat1name = "1";    
         var cat2name = "none";            


         var cat1 = ($("input[@name=q1]:checked").val() != "a"); 

         var cat2 = (!cat1); var categories = [];       

         if (cat1) { categories.push(cat1name) };    
         if (cat2) { categories.push(cat2name) };              

         var catStr = 'You answered the following questions incorrectly: ' + categories.join(', ') + '';      
         $("#categorylist").text(catStr);       
         $("#categorylist").show("slow");    

         if (cat1) { $("#category1").show("slow"); };    
         if (cat2) { $("#category2").show("slow"); };         
         { $("#closing").show("slow"); }; 
         } 
          });}); 

Answer 1

를 발견 한 곳이 아직

답을 발견

나를 위해 일 JS에서 가장 좋은 방법은 그냥 envoke 수있는이

http://bootboxjs.com/

그리고 그쪽으로 같은 플러그인을 사용하는 것입니다 이걸 좋아해.

bootbox.dialog({ 
    message: "I am a custom dialog", 
    title: "Custom title", 
    buttons: { 
    success: { 
     label: "Success!", 
     className: "btn-success", 
     callback: function() { 
     alet"great success"); 
     } 
    }, 
    danger: { 
     label: "Danger!", 
     className: "btn-danger", 
     callback: function() { 
     alert("uh oh, look out!"); 
     } 
    }, 
    main: { 
     label: "Click ME!", 
     className: "btn-primary", 
     callback: function() { 
     alert("Primary button"); 
     } 
    } 
    } 
});