로드 된 템플릿 페이지의 대상 선택기에이 jQuery 모달을 업데이트하는 방법

그래서 오늘 내 질문은 jQuery modal을 업데이트하는 것과 관련되어 있으므로로드 된 하위 템플릿의 단추에서 호출 할 수 있습니다.

로드 된 템플릿 페이지의 대상 선택기에이 jQuery 모달을 업데이트하는 방법

제 경우에는 2kb PopEasy modal을 사용하고 있습니다. 필자의 피라미드 프로젝트에서 모달은 주 템플릿의 맨 위에 있습니다. 모달을 여는 버튼은 기본 템플릿에로드 된 하위 페이지 템플릿에 있습니다.

enter image description here

<body id="body-dashboard"> 
    <div id="modalrequest" class="modal"> 
     <section id="intro-request"> 
      <h1>The Modal</h1>

로드 템플릿 페이지에 생성 된 마크 업 :

<td class="table-request-btn incoming-icon"> 
    <a href="#modalrequest" class="modalLink">Request Intro</a> 
    <button class="modalLink" href="#modalrequest">Request Intro</button> 
</td>

지금 현재 방법은 모달 jQuery를이 설정되어, 나는 그것을 얻을 수 아니에요 작업. #body-dashboard은 주 템플릿의 주 컨테이너 ID입니다. .modalLink은로드 된 템플릿 내부에있는 버튼의 클래스입니다.

내가 먼저 동적으로 생성 된 클래스를 대상으로 시도와 함께이 문제 I remembered an older issue I had가 발생 지금

// PopEasy for Request Intro 
    var modalObj = $('#body-dashboard'); 
    //var modalObj = $('.modalLink'); 
    if (modalObj.length && modalObj.modal) { 

     modalObj.modal({ 
      trigger: '.modalLink', 
      olay:'div.overlay', 
      modals:'div.modal', 
      animationEffect: 'fadeIn', 
      animationSpeed: 400, 
      moveModalSpeed: 'slow', 
      background: '000', 
      opacity: 0.8, 
      openOnLoad: false, 
      docClose: true, 
      closeByEscape: true, 
      moveOnScroll: true, 
      resizeWindow: true, 
      close:'.closeBtn' 
     }); 
    }

이

솔루션이었다

$("body").on("click", ".register_unselected", function(){});

내가 경고 해고 내로드 된 템플릿 버튼을 얻기 위해이 기술을 사용할 수 있었다 : I를

$("#body-dashboard").on("click", ".modalLink", function(){ 
    alert('this works!'); 
});

을하지만 여전히 행운이 없어서 모달에서 같은 것을 사용하려합니다.

var modalObj = $('#body-dashboard .modalLink'); 
modalObj.modal({ 
    trigger: '#body-dashboard .modalLink',

어떻게이 문제에 접근합니까? 더 많은 코드가 필요합니까?

출처

2013-06-28 Leon Gaban

새 템플릿이로드 된 후 모달 초기화 함수를 호출해야합니다.

출처

2013-06-28 15:04:45

아 감사합니다!/faceplam ... 또 7 분 :) –

로드 된 템플릿 페이지의 대상 선택기에이 jQuery 모달을 업데이트하는 방법

답변

관련 문제