메인 오버레이 앞 모달 오버레이 열기

Question

jQuery Tools를 사용하고 있습니다. 내가하고 싶은 일은 다음과 같습니다. 사용자가 텍스트 링크를 클릭하면 쿠키가 있는지 확인합니다. 그렇지 않으면 모달 오버레이를 열어 영역을 선택하도록 요청합니다. 일단 쿠키에 저장하면 쿠키에 저장 한 다음 주 오버레이를 엽니 다.

쿠키가 이미있는 경우 주 오버레이를 직접 엽니 다.

$(function() { 

// if the function argument is given to overlay, 
// it is assumed to be the onBeforeLoad event listener 
$("a[rel]").live('click', function (e){ 
    e.preventDefault(); 

    var el = $(this); 
    var target = el.attr('rel'); 
    $(target).appendTo('body'); 

    $(this).overlay({ 
    mask: {color:'black'}, 
    effect: 'apple', 
    api: true, 

    onBeforeLoad: function() { 

// grab wrapper element inside content 
     var wrap = this.getOverlay().find(".contentWrap"); 

     // load the page specified in the trigger 
     wrap.load(this.getTrigger().attr("href")); 

    }, 
    load:true, 
    closeOnClick: false 

    }); 
}); 
}); 

나는 어떤 시점에서, 내가 이런 걸 가지고 갈까요 것을 알고있다 :.이에 맞는 곳

 if ($.cookie('myRegion') == null){ 
      $("#selectRegion").overlay().load(); 
     } 

을하지만 확실하지 않다 누구

는 내가 지금까지 가지고하는 것은 이것이다 이것을 달성하는 방법을 아십니까?

Answer 1

먼저 확인을 위해 jQuery Cookie을로드해야합니다.

이것은 간단한 해결책처럼 보일지 모르지만 기본적으로 쿠키를 확인한 다음 쿠키가없는 경우 대화 상자를 만들고 대화 상자를 닫거나 배경 또는 단추를 클릭했는지 여부에 따라 선택 사항을 저장합니다 . 당신의 jQuery를위한이 같은

시도 뭔가 :

$(document).ready(function(){ 
    if($.cookie("myRegion") == null){ 
     $("#modal-background").toggleClass("active"); 
     $("#modal-content").toggleClass("active"); 
    } 

    $("#modal-background").click(function(){ 
     $("#modal-background").toggleClass("active"); 
     $("#modal-content").toggleClass("active"); 
    }); 
    $("#modal-save").click(function(){ 
     $.cookie("myRegion", $("region").val()); 
     $("#modal-background").toggleClass("active"); 
     $("#modal-content").toggleClass("active"); 
    }); 
});​ 

모든 관련 HTML 및 CSS이 바이올린에서 발견 될 수있다 : http://jsfiddle.net/9HrwN/2/