2014-11-21 2 views
0

다음 코드는 훌륭하게 작동합니다. 그러나 popModal()을 호출 할 때 표시 할 모드 1 만 호출합니다. id == 'modal1'은 'modal2', 'modal3'또는 'modal4'일 수있는 코드를 어떻게 바꿀 수 있습니까? id 값을 변경하면 작동하지만 정적 인 것은 원하지 않습니다. id 값이 될 수 있습니다. 생각? 미리 도움을 주셔서 감사합니다. 다음은 Popmodal 함수 여러 ID 전달

var id= getUrlParameter('id'); 

if (id == 'modal1') { 
    popModal(); 
} 

function popModal() 
{ 
    $('#modal1').modal('show'); 
} 


function getUrlParameter(sParam) 
{ 

    var sPageURL = window.location.search.substring(1);  

    // var to open modal: url http://example.com?id=modal1 



    var sURLVariables = sPageURL.split('&'); 
    for (var i = 0; i < sURLVariables.length; i++) 
    { 
     var sParameterName = sURLVariables[i].split('='); 
     if (sParameterName[0] == sParam) 
     { 
      return sParameterName[1]; 
     } 
    } 
} 

내가 팝업 볼 호출 JS입니다 :
$(document).ready(function() 
{ var id= getUrlParameter('id'); 
if (id == 'modal1') { popModal(); } }) 

내가 시도한 다음 있지만 (modal1) 같은 모달 팝업 :

if (id == 'modal1' || id == 'modal2') { popModal();} function popModal() { $('#modal1' || '#modal2').modal('show'); }

그리고 또한 다음을 추가했습니다 :

$(document).ready(function() { var id= getUrlParameter('id'); if (id == 'modal1' || id == 'modal2'){ popModal(); } })

작동하지 않는 것 같습니다. 도움을 주시면 감사하겠습니다. ID가 적절한

+0

나는 이것을 시도했지만 동시에 두 창을 튀어 오릅니다. '기능 popModal() ,'나는 또한 시도 –

+0

{$ ('#의 modal1, #의 modal2') 모달 ('쇼').} : '기능 popModal() { $ ('ID'). 모달 ('쇼'); }'이 방법이 효과가있을 것이라고 생각했지만 분명히 뭔가를 잃어 버렸습니다. 왜 아이디의 가치를 팝업으로 끌어 내지 못하고 있습니까? –

+0

Last - 나는 또한 다음과 같은 시도를했다. 그러나 이상한 이유로 그것은 처음에는 항상 첫 번째 모달을 선택한다 ... 'function popModal() { $ ('# modal1'|| '# modal2'). 모달 ('보여 주다'); }' –

답변

1
//### 1 
if (id == 'modal1' || id == 'modal2' || id == 'modal3') { 
    popModal(id); 
} 

//### 2 
function popModal(id) 
{ 
    $('#'+id).modal('show'); //### 3 
} 

TEST

  1. 먼저 확인 여부를
  2. 적절한 모달을 표시, ID 문자열은 #로 시작해야 적절한 ID로 모달 창을 표시하는 함수를 호출
+0

코드를 설명해주십시오. 당신은 더 많은 표를 얻을 것이고 사용자는 문제와 해결책을 더 잘 이해할 것입니다. – Sergio

+0

확인. 나는 설명을 추가했다 – dm4web

+0

완벽. 매우 잘 작동하고 설명은 이해하기 쉽습니다. –