복붙노트

[JQUERY] 지연, 10 초 동안-팝업 번만 팝업

JQUERY

지연, 10 초 동안-팝업 번만 팝업

해결법

  1. 1.사실, 해결책으로는 이전에 현실에서 일을 게시하지, 왜? 선 이유는

    사실, 해결책으로는 이전에 현실에서 일을 게시하지, 왜? 선 이유는

    $("#various1").fancybox();

    하지 트리거 fancybox을하지, 그냥 선택기 #의 various1에 fancybox를 결합,하지만 여전히 모달 / 라이트 (안 팝업)를 트리거하기 위해 클릭을 필요로한다. BTW, 게아 로이드의 솔루션은 어쨌든 오류를 구문했다. 유일한 값들은 jQuery를 쿠키 플러그인 (이전 사이트)의 사용을 제안한다는 것입니다.

    편집 : (3 월 07 2012) JQuery와 쿠키 플러그인 홈 페이지가 여기로 이사.

    작업 솔루션 단계 :

    A) jQuery를하고 fancybox JS 파일 후 (제안)에 jQuery를 쿠키 플러그인을로드

    B는) 다음이 스크립트를 사용 :

    <script type="text/javascript">
function openFancybox() {
    setTimeout( function() {$('#various1').trigger('click'); },20000);
}
$(document).ready(function() {
    var visited = $.cookie('visited');
    if (visited == 'yes') {
        return false;
    } else {
        openFancybox();
    }
    $.cookie('visited', 'yes', { expires: 7 });
    $('#various1').fancybox();
});
</script>

    C) 당신은 여전히 ​​당신의 HTML 코드 어딘가에있을 필요가 (아마도 숨겨진)

    또는 인라인 콘텐츠에 대한

    <a id="various1" href="#target"></a>
<div style="display: none;">
 <div id="target">message to display in fancybox</div>
</div>

    인라인 내용과 fancybox의 v1.3.x를 사용하는 경우 또한, 기존의 버그를 확인하고 여기에 해결

    추신. fancybox는 팝업 만이 아닌 모달 / 라이트 jQuery를 플러그인보기의 UI 지점에서 jGrowl 같은 비 침입 솔루션이다.

  2. 2.

    $(document).ready(function() {
  setTimeout(function () {
    $("#various1").fancybox();
  }, 20000);
});

  3. 3.

    Use Timeout function. The solution for your query is below
$(document).ready(function () {
setTimeout(function() {
$('your modal id').modal('show')  }, 10000); //displays modal after 10 seconds
});

  4. 4.당신은이에 대한 지연 기능을 사용할 수 있어야합니다 :

    당신은이에 대한 지연 기능을 사용할 수 있어야합니다 :

    $("#various1").delay(20000).fancybox();

  5. 5.당신과 같이 팝업 지연의 setTimeout을 사용한다 :

    당신과 같이 팝업 지연의 setTimeout을 사용한다 :

    setTimeout("showPopup()",20000);

function showPopup() {
    if (null != $.cookie("offer_closed"))
         $("#various1").fancybox();});
}

    JQuery와 쿠키 라이브러리가 쿠키를 설정하기 위해 사용하는 경우 사용자가 클릭 가까운 true로 (그것을 "offer_closed"같은 전화). 이 다음 신호는 팝업이 이미 표시되었다.

    추신. 보기의 UI 관점에서, 당신은 팝업을 사용하지 않는 솔루션을 시도해야합니다. 사용자를 싫어. jGrowl 같은 더 우아한 해결책을 시도해보십시오.

  6. 6.당신은 자바 스크립트에서의 setTimeout 기능을 사용할 수 있습니다 :

    당신은 자바 스크립트에서의 setTimeout 기능을 사용할 수 있습니다 :

    setTimeout(function() {
    // first wait 20 seconds before this popups
    $("#various1").fancybox();

    setTimeout(function() {
        //.. what to do after 10 seconds
    }, 10000);

}, 20000);

    나는 이것이 당신이 원하는 희망? 귀하의 제목과 설명은 혼란

  7. 7.(가) 코드 예제 아래에 팝업 메시지 "사이트 이름에 오신 것을 환영합니다"로 페이지로드 5 초 후에 열립니다 참조 -

    (가) 코드 예제 아래에 팝업 메시지 "사이트 이름에 오신 것을 환영합니다"로 페이지로드 5 초 후에 열립니다 참조 -

    <head>
<script type="text/javascript">
    $(document).ready(function(){

        openFancybox();
        $('#various1').fancybox();
    });
    function openFancybox() {
        setTimeout( function() {$('#various1').trigger('click'); },5000);
    }
</script>
</head>

<body>
<a id="various1" href="#target"></a>
<div style="display: none;">
 <div id="target">welcome to shoesdekho.com</div>
</div>
</body>

    8. from https://stackoverflow.com/questions/8298886/delay-pop-up-for-10-seconds-only-pop-up-once by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 구글 reCAPTCHA를 어떻게 요구하려면?  (0) 2020.10.23
[JQUERY] jQuery를 UI "$ ("#의 날짜 선택기 "). 날짜 선택기 기능은 아니다"  (0) 2020.10.23
[JQUERY] 있는 jqGrid, 어떻게하지만 (인라인) 편집 중 추가 대화 상자에서 열 편집을 만들려면  (0) 2020.10.23
[JQUERY] 어떻게 jQuery를 모바일 (1.4 베타) 페이지를 변경하려면?  (0) 2020.10.23
[JQUERY] jQuery를 사용하여 오버 플로우 감지 요소를  (0) 2020.10.23
,

티스토리툴바