2016-08-10 2 views
3

나는 자바 스크립트에 관해서 완전한 신입 회원이다. 그래서 나에게 해답을 줄 수있는 해결책이 있다면, 아기 단계로 나누어주세요.굉장한 팝업이 보이지 않음

저는 며칠 동안 연구했지만 제대로 작동하는 픽스를 찾지 못하는 것 같습니다. 테스트 문서를 설정할 때 '인라인'Magnificic Pop-up을 사용하면 링크/버튼을 클릭하면 페이지의 URL이 변경되지만 실제로는 아무 것도 나타나지 않습니다.

내가 복사하고 원본 데모에서 직접 붙여 넣은

, 나는 Magnific의의 .js 후 전에 jQuery 라이브러리를 포함 시켰습니다. 필자는 스와핑 초기화 코드를 시도했다. 나는 정직하게 길을 잃었다. 또한 Chrome에서 올바르게 열 수있는 디버거를 가져올 수 없지만 수집 한 내용은 내가 닫는 부분이 빠져 있다는 것이 었습니다.하지만 내가 추가했을 때 상황은 더 이상 파산되지 않았습니다.

도움을 주시면 감사하겠습니다.

는 또한 정말 그것을 사용하는 방법을 모르고에도 불구하고 JSFiddle을했다 : https://jsfiddle.net/3b15w3ek/6/

$(document).ready(function() { 
// Example 1: From an element in DOM 
$('.open-popup-link').magnificPopup({ 
    type:'inline', 
    midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. 
}); 

답변

1

나는 바이올린을 확인하고 jQuery1.9.1이 잘못하고 수정을 위해 해당 URL을 발견했다. 업데이트 된 바이올린 참조 :

https://jsfiddle.net/3b15w3ek/7/

그리고 업데이트 된 코드 것은 :

$(document).ready(function() { 
    // Example 1: From an element in DOM 
    $('.open-popup-link').magnificPopup({ 
    type: 'inline', 
    midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. 
    }); 
}); 
+0

ㅋ ... Magnific 갤러리에서 찾을 수 없습니다. :) – user2812043

+0

아무 문제없이 @ user2812043 ... 환영합니다.':)'! – vijayP

0

당신은 (실종 마지막 });을) 기능을 닫지 않았다

$(document).ready(function() { 
    // Example 1: From an element in DOM 
    $('.open-popup-link').magnificPopup({ 
     type:'inline', 
     midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. 
    }); 
}); 

을 위해이에 스 니펫이 JSFiddle에서 작동하려면 Javascript 설정에서 "Framework & Extensions"= "jQuery 1.9.1"(또는 그 이상)을 설정해야합니다. 그렇지 않으면 $ 기호는 내가 정말 감사합니다, 내가 놓친 바보 일 줄 알았,

+0

도움 주셔서 감사합니다. :) – user2812043