2016-10-26 2 views
-1

ich habe zwei Dateien index.html und index2.htmlwie Klasse entfernen jquery aus zwei verschiedenen Dokumenten mit

wenn ich eine Funktion in Datei index.html durchführen, die
Index index2.html Datei bewirken sollte .html

<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script> 
    $(document).ready(function(){ 
      $('p button').click(function(){ 
       $('#ajax-messagebox').removeClass('ajax-modal'); 
      }); 
     }); 
    </script> 
    </head> 
    <body> 
    <p><button >Click ME</button></p> 
    <div class="xyz">This is div 1</div> 
    </body> 
    </html> 

index2.html

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
<div id="ajax-messagebox" class="ajax-modal abc">This is div2 </div> 
</body> 
</html> 

Meine Frage ist, wenn ich auf die Schaltfläche wollen in index2.html

+2

Viele viele Optionen Versuchen (sowohl Client als auch Server-Seite). Ein Beispiel ist das Speichern eines Flags im lokalen/Sitzungsspeicher –

+0

Sind beide Dateien auf dem Benutzerbildschirm geladen? –

+0

In Click können Sie eine Funktion in einem Skript aufrufen, um die Klasse zu entfernen und sie werden auch in index2.html geladen. –

Antwort

0

entfernt werden i „Ajax-modal“ Klasse in index.html Seite „me klicken Sie auf“ klicken Sie dieses Szenario cookie durch die Verwendung umgehen kann.

diesem

index.html

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> //Cookie library 
<script> 
    $(document).ready(function(){ 
     $('p button').click(function(){ 
      $.cookie("index_button_trigger", "yes"); // Set cookie     
      }); 
    }); 
</script> 
</head> 
<body> 
<p><button >Click ME</button></p> 
<div class="xyz">This is div 1</div> 
</body> 
</html> 

index2.html

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> //Cookie library 
<script> 
$(document).ready(function(){  
    setInterval(function() { 
     if ($("#ajax-messagebox").hasClass("ajax-modal")) { 
      if($.cookie("index_button_trigger")){ 
       $('#ajax-messagebox').removeClass('ajax-modal'); 
      } 
     }   
    }, 1000); 
}); 
</script> 
</head> 
<body> 
<div id="ajax-messagebox" class="ajax-modal abc">This is div2 </div> 
</body> 
</html> 
+0

Ich probierte die Art und Weise, wie du zur Verfügung gestellt hast, ich kann die Klasse bekommen und ich kann die Daten lesen, aber ich bin nicht in der Lage, sie zu entfernen oder in irgendeiner Weise umzubenennen. Kannst du auch anders vorschlagen – Vikky

+0

@Vikky Kannst du dein Problem ein wenig mehr erklären kurz? – Soliyappan

Verwandte Themen