버튼을 사용하여 jquery colorbox로 div를 표시합니다.

Question

사용자에게 표시 할 메시지를 결정하는 jquery 함수가 있습니다. 3 페이지 중 자신의 숨겨진 div에 각각 3 개의 메시지가 있습니다.

사용자가 페이지의 버튼을 클릭하면 해당 함수가 호출되고 결과에 따라 colorbox를 사용하여 3 개의 div (# msg1, # msg2 또는 # msg3) 중 하나를 팝업에 표시하려고합니다. .

그러나 Colorbox 문서는 HREF가있는 링크를 사용하여 표시 할 div를 결정합니다. 내 기능을 사용하고 싶다. 그래서 나는이 시도, 그러나 그것은 우리에게 colorbox를 팝업하지만 내 사업부로, 그것은 비어 :

$(function() { 
     $('#calcbtn').bind('click', function(){ 
      var score = 0; 
      $('.rb:checked').each(function(){ 
       score+=parseInt($(this).val(),10); 
      }); 
      // here i have logic to choose the div, assume #msg1 is the div 
      $(this).colorbox({inline:true, href:"#msg1", width: "50%", height: "50%"}); 
     }); 
    }); 

Answer 1

내가 그것을 가지고 있다고 생각 :

$(function() { 
     $('#calcbtn').bind('click', function(){ 
      var score = 0; 
      $('.rb:checked').each(function(){ 
       score+=parseInt($(this).val(),10); 
      }); 
      //$("input[name=sum]").val(score) 
      //alert('score is '+score); 
      var $msg; 
      if (score > 25) { 
       $msg = $('#msg1'); 
      } else if (score < 15) { 
       $msg = $('#msg3'); 
      } else { 
       $msg = $('#msg2'); 
      } 
      $.colorbox({inline:true, href:$msg, width: "50%", height: "50%"}); 
     }); 
    });