jQuery Load igen

Hej Guides,

Jeg ville utroligt gerne hjælpe dig, men det er ret svært når jeg ikke forstår hvad du mener. Det ville gøre det hele meget nemmere hvis du postede lidt kildekode.

Okay, så dine beskeder kommer ind i din <div> med id'et "load" fordi du har inkluderet din funktioner.js i index filen.

Jeg ville ikke inkludere din funktioner.js i beskeder.php, og grunden til at det måske ikke virker uden, kan være fordi du har click events, der ikke virker hvis du loader indholdet med jQuery.

I stedet kan du bruge on, hvis vi går ud fra at din beskeder.php har nogle elementer hvor deres class er "besked", hvilket kunne være tilfældet hvis du ville loade en besked direkte i din #load div:

 $( document ).ready(function() {
     $('.besked').on('click', function(){
         //Udfør kode for et click-event.
     });
 });

Igen, det her er bare gætteri eftersom jeg ingen data har på hvad det er du prøver at lave.. Håber det kan bruges alligevel!

Jeg er enig med Andreas, det er svært at hjælpe dig når vi intet aner om forudsætningerne. Jeg ser heller ikke nogen grund til at starte endnu en tråd. Når den foregående stadigvæk har åbne spørgsmål fra folk som forsøger at hjælpe dig.

Jeg beklager jeg ikke formår at forklare mig bedre, men tak for svarende!

Det jeg har på min side, er at alle mine sider bliver dynmisk hentet. I stedet for at jeg trykker på
<a href="om-os.php">Om os</a> hvor den derefter sender mig til en ny side, bliver blot min div med <div id="load"></div> henter min side ned, men jeg har funktioner i om-os.php som jeg ikke kan bruge uden at skulle inkludere .js filen der sørger for at når jeg klikker på <a href="om-os.php">Om os</a>at diven med id="load" henter siden.

Min .js fil ser sådan ud. Jeg inkludere den i hovede siden og i de sider der dynamisk bliver hentet for at gøre brug af dens funktioner, men problemet er at den dublere alt indholdet, som fx en load_data() funktionen

 $("a").click(function(){
     if ($(this).attr( "div" )) {        
         divload = ($(this).attr( "div" ));
     }else{
         divload = '#page-load';    
     }
     if ($(this).attr( "element" )) {
         divload = $(this).attr( "element" );
     }
     
     var current_url = location.href.split("/").pop();
     if ($(this).attr( "load" )) {
     
         
         url = $(this).attr( "load" );
         if(url != current_url){
         
             history.pushState(null, null, url);
             urlfix = document.URL.replace(documenturl,'');
         
             if( url.indexOf('?') >= 0){
             
             str_link_url = "?" + url.substring(url.indexOf("?") + 1);
             str_link_url = str_link_url + "&"
             url = url.substring(0, url.indexOf('?'));
             
             finalurl = urlfix.substring(0, urlfix.indexOf('?'));
             }else{
                 str_link_url = '?';    
                 finalurl = urlfix;
             }
             
             $(divload).html('<center><img src="/websites/iblogging/assets/images/load.gif"></center>');
             $(divload).load('/engine/index.php' + str_link_url + 'function=content/' + finalurl);;
         }
     }
 });
 
 jQuery(document).ready(function($) {
   if (window.history && window.history.pushState) {
     $(window).on('popstate', function() {
         if( website_url.indexOf('?') >= 0){
         str_the_url = "?" + document.URL.substring(document.URL.indexOf("?") + 1);
         str_the_url = str_the_url + "&";
         }else{
             str_the_url = '?';    
         }
         //$('#page-load').html('<center><img src="/websites/iblogging/assets/images/load.gif"></center>');
         $('#page-load').load('/engine/index.php' + str_the_url + 'function=content/' + newurl);
     });
   }
 });
 
 
 /* Register form */
 $('.submit-register').click(function(e){
     var form_id = $(this).closest("form").attr("id");
     var success = $(this).closest("form").attr("success");
     var fullurl = "/engine/index.php?function=data-handler&action=register";
     
     $.ajax({
         type: "POST",
         url: fullurl,
         data: $("#" + form_id).serialize(),
         success: function(data)
             {
             $(".result").show();
             $(".result").html(data);         
             $(".result").each(function () {
             if ($(this).text() == "1") { // 1 one is standard success
                 window.location.replace(success);
             } });
                 
             }
         });
     return false;
 });
 
 
 /* Login form */
 $('.submit-login').click(function(e){
     
     var form_id = $(this).closest("form").attr("id");
     var success = $(this).closest("form").attr("success");
     var fullurl = "/engine/index.php?function=engine/data-handler&action=login";
                     
     $.ajax({
         type: "POST",
         url: fullurl,
         data: $("#" + form_id).serialize(),
         success: function(data)
             {
             $(".result").show();
             $(".result").html(data);         
             $(".result").each(function () {
             if ($(this).text() == "1") { // 1 one is standard success
                 window.location.replace(success);
             } });
                 
             }
         });
     return false;
 });
 
 function load_new_url(divload, url){
     
     
     var current_url = location.href.split("/").pop();
     
         if(url != current_url){
         
             history.pushState(null, null, url);
             urlfix = document.URL.replace(documenturl,'');
         
             if( url.indexOf('?') >= 0){
             
             str_link_url = "?" + url.substring(url.indexOf("?") + 1);
             str_link_url = str_link_url + "&"
             url = url.substring(0, url.indexOf('?'));
             
             finalurl = urlfix.substring(0, urlfix.indexOf('?'));
             }else{
                 str_link_url = '?';    
                 finalurl = urlfix;
             }
             
             
             
             //$(divload).html('<center><img src="/websites/iblogging/assets/images/load.gif"></center>');
             $(divload).load('/engine/index.php' + str_link_url + 'function=content/' + finalurl);
         
     }
 }
 function load_data(divload, url, action){
     
     window.website_url = document.URL;
     if( website_url.indexOf('?') >= 0){
         str_the_url = "?" + document.URL.substring(document.URL.indexOf("?") + 1);
         str_the_url = str_the_url + "&";
         }else{
             str_the_url = '?';    
         }
     $(document).ready(function() {
         $(divload).load('/engine/index.php' + str_the_url + 'function=content/' + url + '&action=' + action);
     });
 }
 
 /* Form actions, when updating & insert */
 
 $('.submit').click(function(e){
     
     
     var form_id = $(this).closest("form").attr("id");
     var url = $(this).closest("form").attr("url");
     var urlid = $(this).closest("form").attr("urlid");
     var action = $(this).closest("form").attr("action");
     var website = $(this).closest("form").attr("website");
     var the_do = $(this).closest("form").attr("do");
     var result = $(this).closest(".result");
     var fullurl = "/engine/index.php?function=engine/iblogging/_actions.class&id=" + urlid + "&action=" + action;
                     
                     
 $.ajax({
     type: "POST",
     url: fullurl,
     data: $("#" + form_id).serialize(),
     success: function(data)
         {
         $(".result").show();
         $(".result").html(data);                 
         }
     });
     return false;
 });

Var det ikke en idé kun at inkludere de scripts du skal bruge, på de sider hvor du skal bruge dem..? For jeg kan ikke se grunden til at du skal hente alle dine scripts flere gange, og især på sider hvor alle funktionerne ikke er nødvendige.. Og uanset hvad bør du ikke hente samme script to gang!

Som jeg skrev før virker click events ikke hvis du loader dine sider med jQuery, brug den on funktion jeg kom med et eksempel på før istedet for click på dine undersider.

Derudover bør du også have alle dine jQuery funktioner indenfor $(document).ready() funktionen, dvs. alle dine click events og ajax. Du kan evt. se hvordan jeg gjorde i mit tidligere svar.

Iøvrigt kan jeg se at du selv har opfundet nogle attributes til dine elementer så du kan få din kode til at genkende dem, eller er jeg helt gal på den..? Istedet tror jeg det kunne være smart at benytte sig af en data attribute, som jQuery iøvrigt understøtter. Her er et lille eksempel:

HTML elementer:

 <a href="#" data-page="beskeder.php" data-divload="#divload1">
 <a href="#" data-page="side2.php" data-divload="#divload2">
 <a href="#" data-page="side3.php" data-divload="#divload3">

Og så med noget jQuery:

 $( document ).ready(function() {
     $('a').on('click', function(){
         var page = $(this).data('page');
         var divload = $(this).data('divload');
 
         $(divload).load(page);
     });
 });

Jeg har ikke testet det, men går ud fra at det kunne gøres sådan.. :-)

Jeg kan lige teste det, men ved du hvordan jeg tjekker om en side er hentet dynamisk?

Gør du det! :-)

Hvis din side er tom, kan du vel se om den bliver hentet dynamisk når du klikker på et af dine links, eller hvad tænker du..?