मोडल पर एक "बंद" राज्य को बचाने के लिए तो यह है कि उपयोगकर्ता के लिए प्रदर्शित नहीं करता है localStorage() का उपयोग फिर से

Question

मैं एक पॉप से ​​अधिक मॉडल है कि मैं लोड पर अपने पन्ने पर लोड हो रहा है कर रहा हूँ, मैं इसे एक बार बनाने के लिए चाहते हैं यह उस उपयोगकर्ता के लिए फिर से दिखाने के लिए बंद है। मैंने localStorage(); के साथ समान चीजें की हैं लेकिन किसी कारण से यह काम करने के लिए वाक्यविन्यास नहीं पता है।

मैंने एक समाधान की कोशिश की जहां यह एक वर्ग सेट करता है, लेकिन रीफ्रेश पर यह मूल तत्व को फिर से लोड करेगा, इसलिए अब मैं इस विचार को आजमा रहा हूं जहां मैंने मोडल की स्थिति को "विज़िट" में बदल दिया है। मैं उम्मीद कर रहा हूं कि इस तरह से काम करने के लिए मुझे क्या याद आ रहा है?

localStorage समारोह:

$(function() { 

    if (localStorage) { 
     if (!localStorage.getItem('visited')) { 
      $('.projects-takeover').show(); 
     } 
    } else { 
     $('.projects-takeover').show(); 
    } 

    $('.projects-close').click(function() { 
      $('.projects-takeover').fadeOut(); 
    }); 
     localStorage.setItem('visited', true); 
     return false; 
    }); 

यहाँ एक jsfiddle मदद के लिए कोड के रूप में अच्छी तरह से लागू किया, धन्यवाद के साथ है!

Answer 1

आप जावास्क्रिप्ट कोड सही है। अच्छी बात यह है कि आपने एक jsfiddle जोड़ा क्योंकि समस्या पहचानना बहुत आसान हो जाता है - मोडल की शैली इस तरह से सेट की जाती है कि यह हमेशा दिखाई दे। कक्षा में बस display संपत्ति nonе पर बदलें और इसे कार्य करना चाहिए। की जाँच करें अद्यतन fiddle

Answer 2

प्रयास करें इस ->

$(function() { 
    var pt = $('.projects-takeover'); //i just hate repeating myself. 
    if (localStorage) { 
    if (!localStorage.getItem('visited')) { 
     pt.show(); 
    } else { 
     pt.hide(); //this bit was missing 
    } 
    } else { 
    pt.show(); 
    } 

    $('.projects-close').click(function() { 
     pt.fadeOut(); 
    }); 
    localStorage.setItem('visited', true); 
    return false; 
});