2016-04-09 26 views
0

aşağıdaki ejs Nedenseejs birden sınıf adları

<head> 
<link href="http://fonts.googleapis.com/css?family=Oswald:400,300" rel="stylesheet"/> 
<link href="/css/bootstrap.css" rel="stylesheet"/> 
<!-- Custom styles for this template --> 
<link rel="stylesheet" href="/css/quizPage.css" /> 
<script src="/js/jquery-2.1.4.min.js"></script> 
<script src="/js/bootstrap.js"></script> 
<title>{{title}}</title> 
</head> 
<body> 
<script src="text/javascript"> 
    $(document).on('click', '.save_qn', function(){ 
    console.log("Hi i m inside save"); 
}); 
</script> 
<input type="button" class="save_qn btn btn-primary center-block" value="Save"/>    

dosya var, save_qn sınıf jQuery seçici tarafından kabul edilmesi değildir. Diğer üç sınıfı yukarıdaki sınıf özniteliğinden kaldırırsam, iyi çalışır. Bootstrap.css dosyası, yukarıdaki bağlantı etiketinde kullanmış olduğum yolda kullanılabilir. Herhangi bir yardım lütfen?

Dosya, .html olarak kaydedildigimde kullanildi. Ama ben sorun değil çünkü .ejs dosya biçimi nedeniyle olduğunu düşünmüyorum. Lütfen girişlerinizi paylaşın.

Teşekkür

cevap

0

İki burada sorunları ve bunların Ejs ile hiçbir ilgisi yoktur. BTW, kodunuzda kullanılan herhangi bir EJS yoktur. : JQuery ile çalışırken

  1. , vb seçicileri, olay dinleyicileri olarak tüm jQuery mantığı içine jQuery Hazır yöntemi kullanmak budur hedefli DOM unsurlardır önce jQuery kod yürütmek istemiyorum çünkü yüklü ve kullanıma hazır. JQuery kodunuzu aşağıda gösterildiği gibi jQuery hazır işlevi içine alarak, DOM öğelerinin jQuery için geçerli olmasını sağladığınızdan emin olursunuz.

    <script> 
    $(function() { 
        // all jQ code goes here 
    }); 
    </script> 
    

    YA ES 2015 ok fonksiyonu gösterimi kullanılarak:

    ettim ikinci konu jQuery olay dinleyicisi ile komut dosyası etiketi olmayan bir sayfanın gövdesi içinde olduğunu ve olmasıydı
    <script> 
    $(() => { 
        // all jQ code goes here 
    }); 
    </script> 
    
  2. kafası. Bu iyi çalışır, ancak bu, </body> etiketinin kapanışından hemen önce, vücudun sonuna taşımalısınız. Bu ayrıca, JavaScript'in kontrolü ele alması/değiştirmesi için girişimde bulunmadan önce, tüm HTML’lerin en azından içeri ve içeri yüklenmesini sağlar.

+0

Bu yardımcı oldu. Evet, bu sadece ejs dosyamın bir kısmı. İçinde ejs etiketleri yok. Ayrıca Savebutton'u gönderme düğmesiyle çakıştığını ve muhtemelen soruna neden olduğumu fark ettim. Onu biraz ayrı tuttuğumda, Kaydet düğmesi etkinleştirildi. Bununla birlikte, yukarıda vurguladığınız sorunları düzeltdim. Yardım ettiğin için teşekkür ederim. – SamT

İlgili konular