[jQuery] Problem mit Einbindung in "include()"-PHP-Dateien

sonicks

Erfahrenes Mitglied
hi,

Ich hab seit neustem ein mysteriöses Problem beim Einbinden von jQuery.


Ich habe eine Index.php, die wie folgt aussieht:

HTML:
<?php
	ob_start();
	include("includes/connect.inc.php");
	include("includes/functions.inc.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        <title>Titel</title>
        
        <!-- #### CSS Files #### -->
        <link href="css/reset.css" rel="stylesheet" type="text/css" />
        <link href="css/layout.css" rel="stylesheet" type="text/css" />
        <link href="css/formatierung.css" rel="stylesheet" type="text/css" />
        <link href="css/media.css" rel="stylesheet" type="text/css" />
        <!--[if lt IE 7]>
        	<link href="css/ie6.css" rel="stylesheet" type="text/css" />
        <![endif]-->
        
        
        <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="js/jquery.twitter.js" type="text/javascript"></script>

    </head>

    <body>
    	<div id="wrapper">
        
        
        	<!-- #### HEAD #### -->
        	<div id="head">
            
            
            	<!-- Navigation -->
            	<div id="navigation">
                	<ul>
                    	<li><a href="index.php">blog</a></li>
                        <li><a href="index.php?content=about&media=about">about</a></li>
                        <li><a href="index.php?content=galerie&media=galerie">galerie</a></li>
                    </ul>
                </div>
                
                <!-- Veränderbares Moodpicture im Header -->
                <div id="moodpicture"></div>
                
                <!-- Trenner zwischen Moodpicture & Media Content -->
                <div id="line_black"></div>
                
                <!-- Media Bereich -->
                <div id="media">
                <?php 
				  include("media.php");
      			?>     
                </div>
          		
                 
            </div>
            
            
          	<!-- #### CONTENT #### -->
           	<div id="content">
            	<?php 
				  // Seiten includen
				  if(empty($_GET["content"])) { 
						$_GET["content"] = "blog"; 
					} 
				  if(!file_exists($_GET["content"].".php")) { 
				  		$_GET["content"] = "error"; 
					} 
				  include($_GET["content"].".php"); 
      			?>
            </div>
		<div class="clearfooter"></div>
        </div>
        <!-- #### FOOTER #### -->
       	<div id="footer"></div>
    </body>
</html>
<?php
	mysql_close();
?>


Der jQuery Code ist z.B. in media.php oder in blog.php. Dies sind jeweils Dateien die über PHP include() eingebunden werden per Navigation. Jetzt ist das Komische, dass es seit dem ich die neuste jQuery Datei verknüpft habe, nicht mehr geht wenn ich die jQuery Datei in der index.php einbinde und den jQuery Code in einer anderen includierten Datei habe. Wenn ich in die media.php z.B. die jQuery Datei einbinde, funktioniert es.
Ich möchte aber nicht jedes mal wenn ich jQuery verwende, die komplette Library einbinden, sondern nur einmal in der index.php im Head.

Das hat bisher auch geklappt, nur seit dem wechsel zu 1.4.2 gehts nichtmehr. Das mysteriöse daran ist, dass wenn ich die alte 1.3.2 wieder verwenden möchte, bei der alles ging, gehts auch nicht mehr.

Weiß jemand an was das liegt?
Ich habe auch schon die versucht die google.jQuery Datei einzubinden. Selber Fehler hier.

Danke
MfG
 
Moin,

jquery weiss nichts davon, dass du auf dem Server irgendetwas inkludest....es spielt daher keine Rolle, über welches der Skripte du es einbindest.
Der Fehler muss woanders liegen....wo, ist aus deinem Code nicht ersichtlich.
 
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        <title>
        	essential - SNCL - smile now, cry later        </title>
        
        <!-- #### CSS Files #### -->
        <link href="css/reset.css" rel="stylesheet" type="text/css" />
        <link href="css/layout.css" rel="stylesheet" type="text/css" />
        <link href="css/formatierung.css" rel="stylesheet" type="text/css" />

        <link href="css/media.css" rel="stylesheet" type="text/css" />
        <!--[if lt IE 7]>
        	<link href="css/ie6.css" rel="stylesheet" type="text/css" />
        <![endif]-->
        
        
        <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="js/jquery.tools.min.js" type="text/javascript"></script>
	<script src="js/jquery.twitter.js" type="text/javascript"></script>

    </head>

    <body>
    	<div id="wrapper">
        
        
        	<!-- #### HEAD #### -->
        	<div id="head">
            
            
            	<!-- Navigation -->
            	<div id="navigation">
                	<ul>
                    	<li><a href="index.php">blog</a></li>

                        <li><a href="index.php?content=about&media=about">about</a></li>
                        <li><a href="index.php?content=galerie&media=galerie">galerie</a></li>
                        <li><a href="http://vimeo.com/channels/sncl" target="_blank">video</a></li>
                        <li><a href="#">friends</a></li>
                        <li><a href="index.php?content=guestbook">guestbook</a></li>
                        <li><a href="#">forum</a></li>
                    </ul>
                </div>
                
                <!-- Veränderbares Moodpicture im Header -->
                <div id="moodpicture"></div>
                
                <!-- Trenner zwischen Moodpicture & Media Content -->
                <div id="line_black"></div>
                
                <!-- Media Bereich -->

                <div id="media">
                

        <!-- #### STANDARD TAB-MEDIA VORSCHAU #### -->
        <script type="text/javascript">
			$(document).ready(function() {
			
				$("#flowpanes").scrollable({
					
						size: 1,
						
						clickable: false
					
					}).circular().navigator({
				
						navi: "#flowtabs",
						
						naviItem: 'a',
						
						activeClass: 'current'
				
				});
				
				
				// select the thumbnails and make them trigger our overlay
				$(".latest_img a").overlay({
				
					// each trigger uses the same overlay with the id "gallery"
					target: '#gallery',
				
					// optional exposing effect
					expose: '#f1f1f1'
				
				// let the gallery plugin do its magic!
				}).gallery({
				
					// the plugin accepts its own set of configuration options
					speed: 800
				});

				
			});
        </script>


        <!-- #### Ausgabe der TABS #### -->
        <ul id="flowtabs">
            <li><a id="t1" href="#videos">neueste Videos</a></li>
            <li><a id="t2" href="#videos">neueste Bilder</a></li>                    
        </ul>


		<!-- Tab Inhalt --> 
        <div id="flowpanes">
            <div class="items">
            
            
                <!-- 1. Tabs --> 
                <div>
                    <p>
                    <object width="230" height="130">
                    <param name="allowfullscreen" value="true" />
                    <param name="allowscriptaccess" value="always" />

                    <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7977691&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" />
                    <embed src="http://vimeo.com/moogaloop.swf?clip_id=7977691&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="230" height="130">
                    </embed>
                    </object>
                    <br />e.dith knows what u.didh
                    </p>
                </div>

                
                
                <!-- 2. Tab --> 
                <div>
                	<div class="latest_img">
                         <a href="images/galerie/images/1250170862IMG_0964Kopie.jpg">
                            <img src="images/galerie/images/1250170862IMG_0964Kopie.jpg" width="50" height="50" />
                          </a>

                         <a href="images/galerie/images/1250170863IMG_0973Kopie.jpg">
                            <img src="images/galerie/images/1250170863IMG_0973Kopie.jpg" width="50" height="50" />
                          </a>
                                             </div>
                </div>
            
            </div>
        </div>
     
                </div>
          		
                 
            </div>

            
            
          	<!-- #### CONTENT #### -->
           	<div id="content">
            	<div id="gb_wrapper">
	<div id="notice"></div>
	<div id="gb_form">
    	<form action="" method="">
        	<label for="name" >Name:</label><input type="text" name="name" id="name" /><br clear="both" />
            <label for="email" >E-Mail:</label><input type="text" name="email" id="email" /><br clear="both" />

            <label for="web" >Website:</label><input type="text" name="web" id="web" /><br clear="both" />
            <label for="text" >Text:</label><textarea name="text" id="text"></textarea><br clear="both" />
            <label for="user"></label><input type="hidden" name="user" id="user" /><br clear="both" />
			<label for="hp"></label><input type="text" name="hp" id="hp" value="http://" /><br clear="both" />
            <label for="submit"></label><input type="submit" id="submit" name="submit" value="Eintragen" />
        </form>
    </div>

    <div id="gb_ajax"></div>
    <div id="gb_posts">
    
		<script type="text/javascript">
        $(document).ready(function() {
            $("#submit").click(function() {
                
                // Loading GIF im Div Containter "Kommentar" anzeigen
                $('#gb_ajax').append('<img src="images/icons/ajax-loader.gif" alt="Lädt gerade..." id="loading" />');
                
                var name = $('#name').val();
                var email = $('#email').val();
                var web = $('#web').val();
                var text = $('#text').val();
                var user = $('#user').val();
                var hp = $('#hp').val();
                
                
                $.ajax({
                   type: 'POST',
                   url: 'includes/gb_insert.inc.php',
                   data: 'name=' + name + '&email=' + email + '&text=' + text + '&web=' + web + '&user=' + user + '&hp=' + hp,
                   
                   success: function(response){
					
                     $('#gb_ajax').append(response);
                     $('#loading').fadeOut(500, function() {
                        $(this).remove();								 
                        });
					 
					 $('#notice').append('Dein Gästebucheintrag wurde erfolgreich eingetragen').slideDown(400).delay(2500).fadeOut(800);
                   }
                   
                });
                return false;     
                });
                
            });
        </script>
    
	<div class="post_wrapper">
                            <div class="post_name"><strong>Gaggalein</strong></div>
                            <div class="post_text">Hallööö wie gääähts ß euch so</div>
							<div class="post_footer">

								<div class="web"></div>
								<div class="email"></div>
								<div class="datum">Vor 2 Stunden</div>
							</div>
                        </div>
							<div class="post_footer">
								<div class="web">http://www.TEST.de</div>
								<div class="email"></div>

								<div class="datum">Vor 17 Stunden</div>
							</div>
                        </div><a href="index.php?content=guestbook&page=1"><< erste </a> <a href="index.php?content=guestbook&page=1">< vorherige</a> <a href="index.php?content=guestbook&page=1">1</a>    </div>
</div>            </div>
		<div class="clearfooter"></div>

        </div>
        <!-- #### FOOTER #### -->
       	<div id="footer"></div>
    </body>
</html>



Das ist jetzt z.B. der Quelltext von index.php?content=guestbook Das Interessante hieran ist jetzt, dass der erste Query Code funktioniert, der zweite aber nicht: Der erste wird über die media.php includiert, der zweite über die guestbook.php
 
Das Interessante hieran ist jetzt, dass der erste Query Code funktioniert, der zweite aber nicht: Der erste wird über die media.php includiert, der zweite über die guestbook.php

Das mag interessant sein, der Grund dafür ist jedoch nicht, was wo inkludiert wurde.

Stelle das Beispiel online, dann kann man Live auf Fehlersuche gehen.
 
Hi Sven

Danke für das Angebot, aber ich hab den Fehler jetzt mit dem guten alten Firebug gefunden.

Ich muss mir das Debuggen mit Firebug noch mehr angewöhnen. Bei PHP geht man da ja gern anders vor.


Das Problem war eine fehlerhafte Zeile in der "jquery.tools.min.js". Diese hat mir der Firebug angezeigt und ich hab sie einfach entfern. Jetzt läuft wieder alles wie es soll. Ich hoffe mal die weitern Dinge auch. Aber mit einem Fehler in der Quelldatei von jQuerytools rechnet man ja nicht unbedingt.

Grüße

Stefan
 

Neue Beiträge

Zurück