Sayfaya çağırılan js dosyaların çalışmaması

08-07-2016, 03:25:22

Kimlik doğrulama veya yönetimden onay bekliyor.

Arkadaşlar merhaba
Bir saattir deli olmuş durumdayım. Şimdi ben tasarladığım html sayfada <head> </head> içerisine js dosyaları aşağıdaki gibi çağırdığımda çalışıyor.

Örnek 1:

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>

</body>
</html>

veya

Örnek 2;

<html>
<head>
  <script src="lib/js/jquery.min.js"></script>
  <script src="lib/js/bootstrap.min.js"></script>
</head>
<body>




 <script src="lib/js/jquery.min.js"></script>
  <script src="lib/js/bootstrap.min.js"></script>
</body>
</html>

Yukarıdaki örnekler gibi yaparsam çalışıyor normal bir şekilde fakat aşağıdaki gibi yaptığım da çalışmıyor.

Örnek 1

<html>
<head>
  <script src="lib/js/jquery.min.js"></script>
  <script src="lib/js/bootstrap.min.js"></script>
</head>
<body>





</body>
</html>

Örnek 2;

<html>
<head>
 
</head>
<body>




 <script src="lib/js/jquery.min.js"></script>
  <script src="lib/js/bootstrap.min.js"></script>
</body>
</html>

Dosyaları yerel olarak barındırmak ve kullanmak istiyorum fakat çalışması için hem <head> </head> içerisinde hemde <body></body> içerisinde ikisinde birden çağırmazsam çalışmıyor.

08-07-2016, 11:05:19

#2

Tonks

F. STACK WEB + MOBILE DEV

cihaneken adlı üyeden alıntı: mesajı görüntüle

Arkadaşlar merhaba
Bir saattir deli olmuş durumdayım. Şimdi ben tasarladığım html sayfada <head> </head> içerisine js dosyaları aşağıdaki gibi çağırdığımda çalışıyor.

Örnek 1:

<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>

</body>
</html>

veya

Örnek 2;

<html>
<head>
  <script src="lib/js/jquery.min.js"></script>
  <script src="lib/js/bootstrap.min.js"></script>
</head>
<body>




 <script src="lib/js/jquery.min.js"></script>
  <script src="lib/js/bootstrap.min.js"></script>
</body>
</html>

Yukarıdaki örnekler gibi yaparsam çalışıyor normal bir şekilde fakat aşağıdaki gibi yaptığım da çalışmıyor.

Örnek 1

<html>
<head>
  <script src="lib/js/jquery.min.js"></script>
  <script src="lib/js/bootstrap.min.js"></script>
</head>
<body>





</body>
</html>

Örnek 2;

<html>
<head>
 
</head>
<body>




 <script src="lib/js/jquery.min.js"></script>
  <script src="lib/js/bootstrap.min.js"></script>
</body>
</html>

Dosyaları yerel olarak barındırmak ve kullanmak istiyorum fakat çalışması için hem <head> </head> içerisinde hemde <body></body> içerisinde ikisinde birden çağırmazsam çalışmıyor.

Büyük ihtimalle dosya yolunu düzgün çağır mıyorsundur hocam, sayfayı aç ve ctrl + u yap, js dosyalarına tıkla nereye gidiyor bak, eğer karşına js kodları çıkmıyorsa dediğim gibi dosya yolu yanlıştır.

08-07-2016, 11:12:12

#3

thealiyasar

<html>
<head>
 <script src="lib/js/jquery.min.js"></script>
</head>
<body>
 
 
 
 
  <script src="lib/js/bootstrap.min.js"></script>
</body>
</html>

bu şekilde yada tam tersini deneyin hocam. 2li şekilde yaptığınızda çalışıyorsa biri birini engelliyor ötekiler çalışıyor demektir.

08-07-2016, 23:20:29

#4

cihaneken

Tonks adlı üyeden alıntı: mesajı görüntüle

Büyük ihtimalle dosya yolunu düzgün çağır mıyorsundur hocam, sayfayı aç ve ctrl + u yap, js dosyalarına tıkla nereye gidiyor bak, eğer karşına js kodları çıkmıyorsa dediğim gibi dosya yolu yanlıştır.

Dosya yolları doğru, doğru olmasa zaten hiç çalışmaz benim sorunum farklı.

Birdilimask adlı üyeden alıntı: mesajı görüntüle

<html>
<head>
 <script src="lib/js/jquery.min.js"></script>
</head>
<body>
 
 
 
 
  <script src="lib/js/bootstrap.min.js"></script>
</body>
</html>

bu şekilde yada tam tersini deneyin hocam. 2li şekilde yaptığınızda çalışıyorsa biri birini engelliyor ötekiler çalışıyor demektir.

aynı değişmedi :S araştırıyorum bakalım olmadı ikili kullanıcaz mecbur.

09-07-2016, 01:46:42

#5

tristy

hocam ne kadar alakası var bilmiyorum fakat bende bazen js dosyalarını çalıştıramadığım zaman localhost'ta çalıştırınca çalışıyor. mesela xampp easyphp wampserver falan gibisinden

11-07-2016, 09:54:43

#6

Kocaportal

body kapanışında kullanım doğrudur.

1. Dosya yolları hatalı olabilir
2. jQuery, Bootstrap'tan önce gelmelidir.
3. jQuery kodlarınızı $(document).ready() içerisine almalısınız.

Herhangi bir hata görünmüyor çünkü.

Ayrıca bootstrap'in sadece .min.js'sini entegre ettiğinizi görüyorum.
Acaba CSS'leri eklemediğiniz için çalışmadığını düşünüyor olabilir misiniz?

Teşekkürler

03-08-2016, 20:14:02

#7

Ensferium

Sadece head içinde çağırdığında çalışmadığına nerden varıyorsun. Eğer yazdığın jQuery kodları çalışmıyorsa bunun çok basit bir nedeni var oda kodların çalışması için sayfa yüklenene kadar bekletmen bu örnek 2 nin çözümü. Örnek 1 şekildeyken nasıl çalıştığını pek anlayamadım ama şöyle dener misin ?

$(document).ready(function() {
   //Çalıştırmak istediğin jQuery/JS kodları
});