[JQUERY] 팝업 만 사용자 별되면 표시

팝업 만 사용자 별되면 표시

해결법

1. ---

   1.* 참고 : 데이터가 브라우저 메모리에 저장 될 때 브라우저에 한 번이 팝업 표시됩니다.

   * 참고 : 데이터가 브라우저 메모리에 저장 될 때 브라우저에 한 번이 팝업 표시됩니다.

   HTML 로컬 스토리지를 사용해보십시오.

   방법 :

   $j(document).ready(function() {
       if(localStorage.getItem('popState') != 'shown'){
           $j('#popup').delay(2000).fadeIn();
           localStorage.setItem('popState','shown')
       }
   
       $j('#popup-close, #popup').click(function() // You are clicking the close button
       {
           $j('#popup').fadeOut(); // Now the pop up is hidden.
       });
   });
   

2. ---

   2.이 예는 JQuery와 - 쿠키를 사용합니다

   이 예는 JQuery와 - 쿠키를 사용합니다

   쿠키가 존재하고 만료되지 않은 경우 확인 - 그 중 하나가 실패 할 경우, 다음 팝업을 표시하고 쿠키 (반 의사 코드)를 설정 :

   if($.cookie('popup') != 'seen'){
       $.cookie('popup', 'seen', { expires: 365, path: '/' }); // Set it to last a year, for example.
       $j("#popup").delay(2000).fadeIn();
       $j('#popup-close').click(function(e) // You are clicking the close button
           {
           $j('#popup').fadeOut(); // Now the pop up is hiden.
       });
       $j('#popup').click(function(e) 
           {
           $j('#popup').fadeOut(); 
       });
   };
   

3. ---

   3.당신은 PHP를 사용하여이 문제를 주변에 얻을 수 있습니다. 당신은 첫 페이지로드시 팝업에 대한 코드를 에코.

   당신은 PHP를 사용하여이 문제를 주변에 얻을 수 있습니다. 당신은 첫 페이지로드시 팝업에 대한 코드를 에코.

   다른 방법은 ... 기본적으로 브라우저에 앉아 있고, 어떤 종류의 데이터를 포함하는 파일 인 쿠키를 설정하는 것입니다. 첫 페이지로드에서 당신은 쿠키를 만들 것입니다. 쿠키가 설정되어있는 경우, 모든 페이지 그 후 확인. 이 표시되지 않습니다 설정되어있는 경우 팝업. 그러나 만약이 아니 쿠키를 설정하고 팝업 표시 설정합니다.

   의사 코드 :

   if(cookie_is_not_set) {
       show_pop_up;
       set_cookie;
   }
   

4. ---

   4.이온을 사용하는 사람들에 대한 신속한 답변을 제공. 나는 한 번만 내가 이것을 달성하기 위해 $ 로컬 스토리지를 사용하도록 툴팁을 표시해야합니다. 이 트랙을 재생하기 위해, 그래서 그들은 플레이를 누르면, 그것은 한 번 툴팁을 보여줍니다.

   이온을 사용하는 사람들에 대한 신속한 답변을 제공. 나는 한 번만 내가 이것을 달성하기 위해 $ 로컬 스토리지를 사용하도록 툴팁을 표시해야합니다. 이 트랙을 재생하기 위해, 그래서 그들은 플레이를 누르면, 그것은 한 번 툴팁을 보여줍니다.

   $scope.storage = $localStorage; //connects an object to $localstorage
   
   $scope.storage.hasSeenPopup = "false";  // they haven't seen it
   
   
   $scope.showPopup = function() {  // popup to tell people to turn sound on
   
       $scope.data = {}
       // An elaborate, custom popup
       var myPopup = $ionicPopup.show({
           template: '<p class="popuptext">Turn Sound On!</p>',
           cssClass: 'popup'
   
       });        
       $timeout(function() {
           myPopup.close(); //close the popup after 3 seconds for some reason
       }, 2000);
       $scope.storage.hasSeenPopup = "true"; // they've now seen it
   
   };
   
   $scope.playStream = function(show) {
       PlayerService.play(show);
   
       $scope.audioObject = audioObject; // this allow for styling the play/pause icons
   
       if ($scope.storage.hasSeenPopup === "false"){ //only show if they haven't seen it.
           $scope.showPopup();
       }
   }
   

5. ---

   5.당신과 브라우저 닫을 때 해당 키를 파괴하는 로컬 스토리지의 removeItem () 클래스를 사용할 수 있습니다 :

   당신과 브라우저 닫을 때 해당 키를 파괴하는 로컬 스토리지의 removeItem () 클래스를 사용할 수 있습니다 :

   window.onbeforeunload = function{
       localStorage.removeItem('your key');
   };
   

6. ---

   6.코드는 한 번만 (경우에 부트 스트랩 모달) 팝업을 표시합니다 :

   코드는 한 번만 (경우에 부트 스트랩 모달) 팝업을 표시합니다 :

   modal.js

    $(document).ready(function() {
        if (Cookies('pop') == null) {
            $('#ModalIdName').modal('show');
            Cookies('pop', '365');
        }
    });
   

   여기에 레일의 전체 코드는 다음과 같습니다

   당신의 JS가 REPO에 위의 스크립트를 추가합니다 (레일에 : 응용 프로그램 / 자바 스크립트 / 팩)

   레일에서 우리는 그래서, 스크립트에 대한 특정 포장 방법이있다 :

   그것은 것이다 3백65일을 위해 완벽하게 작동합니다!

7. ---

   7.가장 좋은 방법은 그 가치와 모달가 해당 사용자에 대해 열린 여부 유효성 검사를 데이터베이스에 부울 값을 저장 한 후 얻을 수 있도록,이 값은 예를 들어, 사용자 테이블에있을 수 있습니다.

   가장 좋은 방법은 그 가치와 모달가 해당 사용자에 대해 열린 여부 유효성 검사를 데이터베이스에 부울 값을 저장 한 후 얻을 수 있도록,이 값은 예를 들어, 사용자 테이블에있을 수 있습니다.

from https://stackoverflow.com/questions/24189428/display-a-popup-only-once-per-user by cc-by-sa and MIT license