2009-08-18 3 views
3
여기

는 데모입니다 :jQuery와 가장 가벼운 넌 모달 대화 상자?

http://jqueryui.com/demos/dialog/

그러나 그것은 나를 위해 너무 큰입니다.

모두에 2,000 줄이 있습니다.

1 천 줄 미만의 파일 하나를 갖고 싶습니다.

+0

자격을 얻기 위해서는 얼마나 작은 것이 필요합니까? –

+0

너무 큰 거죠? 귀하의 콘텐츠에 물리적으로 너무 큰 대화 상자가 있습니까? 귀하의 페이지에 포함하기에 너무 큰 필수 플러그인 스크립트입니까? –

+0

자신 만의 롤을 만드는 것이 가장 쉽지만 기능 목록이 도움이 될 것입니다. 대화 상자에서 원하는 것은 무엇입니까? jQuery는 많은 요구 사항을 만족시켜야합니다. – redsquare

답변

4

http://jqueryui.com/download에서 다운로드 할 때 필요하지 않은 모든 항목의 선택을 취소하여 JQueryUI를 제거 할 수 있습니다.

이렇게하면 1000 줄 이하로 줄일 수 있다고 상상합니다.

+1

그냥 1100 이상 (비 축소 된) 라인과 32K 없습니다. – tvanfosson

+0

구현 방법 : 링크를 클릭 한 다음 클릭이 발생할 때 대화 상자를 팝업합니다. – omg

+0

너무 많은이 작업을 수행하는 이유, 그리고 너무 몇 가지가 있습니다 – SuperUberDuper

10

높은 라인 수가 의미하는 복잡성에 대한 혐오감을 갖고 있다면이 문제를 극복해야합니다. 그렇지 않으면 voodoo으로 끝나고, 처음부터 신뢰 부족으로 다시 구현하고 약간 덜 복잡함을 선택하십시오. 그러나 궁극적으로 열등한 도서관.

복잡성과 유지 관리의 좋은 척도 인 코드 줄 수는 줄이면서 좋은 디자인과 좋은 문서 같은 중요한 것들에 대해서는 측정 기준이 적합하지 않기 때문에이 말을 들려줍니다. 축소 된 코드를 사용하면 크기조차 거의 문제가되지 않습니다.

는 심호흡 그냥 파일 :

+3

+1 난 그냥 팝업와 정자에서 얻을 수있는 베어 뼈 버전이 있습니다. –

0

@Shore 포함 이를 구현하기 위해,

HTML 코드 :

<a id="clickme">Open Dialog</a> 

<div id="dialog" style="display:none;">Hello this is a dialog</div> 

JS 코드 :

$(document).ready(function(){ 
    // Default settings for dialog 
    $("#dialog").dialog({ 
     bgiframe: true, 
     height: 300, 
     width: 350, 
     autoOpen: false, 
     modal: true, 
     overlay: { 
      opacity: 0.7, 
      background: "black" 
     } 
    }); 
    $('#clickme').click(function(){ 
     $("#dialog").dialog('open'); 
    }); 
}); 
0

나는 jqmodal을 좋아한다. (반드시 모달은 아닙니다!)
약 3k입니다. 나 자신에게 같은 질문을했다

$('#dialog').jqmShow(); 
+0

모달로 보입니다. – riley

0

초기화

$('#dialog').jqm(); 

jqmodal link

을 표시합니다. jQuery UI를 포함하지 않고 어디에서 가벼운 오버레이 플러그인을 찾을 수 있습니까? 나는 약 1 시간 동안 웹 검색을하다가 직접 구현하기로 결정했다.

그래서 3 년 대답은 :
당신은 모달 적은 오버레이를 표시하기위한 간단하고 가벼운 jQuery 플러그인 jquery.mloverlay을 시도 할 수 있습니다.

+0

데모가 작동하지 않습니다. – MajesticRa