JQuery başarısızlık site sonra canlı gitti

5 Cevap php

EDIT: posted head code EDIT 2: clarification on php

Ben JQuery kullanarak hafta boyunca bir site tasarımı olmuştur. Ben sadece FTP yoluyla bir dizin, '/ test' oluşturulan bu yüzden yerel bir sunucu veya bir test sunucusu yok. Her test dizininde büyük çalışıyordu.

Ben kök dizinine '/ test' tüm dosyaları hareketli canlı gece gitmek için çalıştı ve ben buna göre tüm dosya yolları ve komut kaynakları değişti. Site yükler, ama JQuery ile ilgili her şey işlevsel olmayan. JavaScript konsolu (sadece bir eklenti bir örnek olarak) hataları verir:

'$. Os.name' bir işlev değil

Ben ne için zararına değilim. Ben, vb JQuery kütüphanesini başvuran yolları değişti (yeni bir dizine) JQuery taze bir kopyasını yüklü

Farklı bir dizine '/ blog' bir wordpress kurulumu yoktur. Ben wordpress ile bazı uyumluluk sorunları hakkında okudum, ama bu ben değilim JQuery inside wordpress kullanarak ilişkili gibi görünüyor.

İşte kafa kodu:

<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<link href="main.css" rel="stylesheet" type="text/css">  
<link href="jquery.lightbox-0.5.css" rel="stylesheet" type="text/css">  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
<script type="text/javascript" src="jq.browser.js"></script>  
<script type="text/javascript" src="compatible.js"></script>  
<script type="text/javascript" src="nav.js"></script>  
<script type="text/javascript" src="jquery.lightbox-0.5.js"></script>  
<script type="text/javascript">  
$(function() {  
$('a.lightbox').lightBox();  
});  
</script>  
<title>Pearce Images</title>  
<script type="text/javascript" src="slider.js"></script>  
<link href="slider.css" rel="stylesheet" type="text/css">  
</head>

Tüm sayfaları PHP olduğunu bilmenizde yarar var. Require_once ('some.file.php'): Ben sadece 1 işlevini kullanmak, bir PHP geliştiricisi değilim. (Hiçbir kod biçimlendirme için üzgünüm, ama ben sadece bu markdown şey üzerinde bir tanıtıcı alınamıyor). Ben sadece tüm sayfalarda değişiklikler yapılması gerekiyorsa bu şekilde bir başlık ve altbilgi için aynı kodu çekmek için kullanan, sadece kod tek parça değiştirmek zorunda.

Sizin yardım büyük beğeni topluyor.

5 Cevap

Tarayıcınızdan jquery.js dosyayı (ya da her ne denir) indirmek için deneyerek başlayın. Kaynak Gör gidin. Onları tıklayın böylece bazı tarayıcılar otomatik olarak link vurgulayın. Onu ziyaret ettiğinizde jquery.js yükleri dosyasına bakın. Değilse, bir sunucu yapılandırma sorunu var.

Aksi takdirde, jQuery komut dosyası kullanan basit bir HTML dosyası oluşturun. Gayet güzel çalışıyor ise, sorunu izole olacaktır.

Test etmek için bir şey jQuery değişken hala kullanılabilir olup olmadığını görmek için. $ başka bir JavaScript kitaplığına başvurmak için değişmiş olabilir. Bu durum buysa, jQuerys ile $ s tüm değiştirmek zorunda değilsiniz; Bu gibi jQuery kullanarak kod sararak diğer eklentileri kullanarak kod ile uyumlu kodunuzu tutabilirsiniz:

(function($){
    /* Code using $ for jQuery. */
}(jQuery));

Bir kopya-yapıştır sorun olabilir, ama "1.4.2" sonra fazladan bir boşluk var:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2 /jquery.min.js"></script>

Gidermek http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js de Google AJAX Kütüphaneleri kaynağına jQuery için <script> etiketini işaret deneyin. Eğer bu çalışırsa, o zaman sadece src niteliğini kadar uğraşıyorsun. Sayfanızda nerede ve fiziksel jQuery yerleştirilmiş olması başlığını gönderebilir.

EDIT (kodu baktıktan sonra): "compatible.js" $ işlev bildirimi geçersiz olup olmadığını merak ediyorum. Sadece jQuery ile kullandığınız tüm örneklerini $ olarak değiştirin deneyin. Ayrıca JavaScript <script> etiketleri olmak görünmüyor. Kodunuzu yapmak şöyle:

<head> 
  <link href="main.css" rel="stylesheet" type="text/css"> 
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
  <script type="text/javascript" src="compatible.js"></script> 
  <script type="text/javascript" src="jquery.lightbox-0.5.js"></script>
  <script type="text/javascript">
      jQuery(document).ready(function () { jQuery('a.lightbox').lightBox(); });
  </script>
  <title>Pearce Images</title> 
  <link href="slider.css" rel="stylesheet" type="text/css">

Eğer compatible.js yine jquery aradığınız olmadığını da kontrol edin ... İşte bazen bu soruna neden olabilir ....

Oh adam, ben bir aptal gibi hissediyorum:

<script type="text/javascript" src="jq.browser.js"></script>

Tarayıcı türü ve os algılamak için bir eklenti, bu "compatible.js" dosyası kullandığı şeydir. Ben görünüşe göre dün gece o kadar çok kez transfer başarısız oldu. Emin değilim neden jquery fonksiyonları kalanını kırdı, ben sadece uyumlu fonksiyonlar üzerinde atlamak düşünürdüm, bu compatible.js bir içeriği olan:

var links = "a.links,a.trigger";
var folio = "a.portfolio";
//
//
$(document).ready(function() {
if ($.os.name == "mac")
{
$(links).css("fontSize","76.6%");
$(folio).css("fontSize","76.6%");
$(links).css("top","-4px");
$(folio).css("top","5px");
}
});

Tüm de tüm yardım çocuklar için thanks!

etiketler