none
jqery hakkinda RRS feed

  • Soru

  • kodlarım aşağıda bir anamenü yaparken liste yerine div etiketini kullanmayı tercih ettim menübuton diye bir div etiketi var onun için ikonu tut diye bir div etiketi var yani menübuton da kullandığım ikonun yerini filan rahatça ayarlayabilmek için içine bir ikonutut adında div etiketi yerleştirdim şimdi geleyim asıl meseleye mouse ile üzerine gelindiğinde rengini değiştirmek istiyorum ama jqeryi daha çalıştıramadım hiç tepki vermiyo sadece ie de hata veriyo "0x800a1391 - JavaScript çalışma zamanı hatası: '$' tanımsız" diye bir hata diğerlerinde hata vermiyo ama tepkide vermiyolar jqeryye yeni başladığım için bi yerde eksik yada yanlışım olduğunu düşünüyorum kodlarımı inceleyip hatamı söylermisiniz //bu arada masterpage kullandığım için id yerine class kullandım umarım burdan bi problem çıkmaz
    <head runat="server">
        <title></title>
          <script type="text/javascript"  src="/animasyonlar/butonanimasyon.js"></script>
          
        <script type="text/javascript" >
            $(document).ready(function () {
                 $(function () {
                $("header nav .menübuton").hover(function () {
                    $(this).animete({
                        "background-color": "red"
                    });
    
                });
    
            });
            });
    
    
           
    
           
    </script>
        <asp:ContentPlaceHolder ID="head" runat="server">
        </asp:ContentPlaceHolder>
    </head>

    19 Temmuz 2015 Pazar 14:43

Yanıtlar

  • JQueryi sayfana tanıttığını varsayıyorum. İki kere yüklemiş olabilirsin kütüphaneyi. Server taraflı çalışan bir nesneyi direk ("#NesneID") diye yakalayamazsın bundan da hata vermiş olabilir. Örnek vermek gerekirse toolboxtan bir textbox sürekledin bıraktın. Id si txt yaptın. Bunu JQuery ile yakalarken ("#<%=text.ClientID%>") yazarak yakalayabilirsin. JQuery UI kütüphanen olması lazım animate için ki animete yazmışsın yanlış. Ondan sonra css verir gibi background-color demişsin ki animate içinde böyle iki kelimeden oluşan özellikleri camel case olarak yazıyorsun. Bunları düzelt basit bir örnek yaptım sana buradan hatalarına bakabilirsin.
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="Scripts/jquery-2.1.4.min.js"></script>
        <script src="Scripts/jquery-ui-1.11.4.min.js"></script>
    </head>
    <body>
        <div id="vid" style="background-color:black">
            <p>
                Hello World.
            </p>
        </div>
    </body>
    </html>
    
    <script type="text/javascript">
        $(function () {
            $("#vid").hover(function () {
                $(this).animate({'backgroundColor': 'red' });
            })
        });
    </script>

    Dikkat edersen JQuery UI kütüphanesi JQuery ye bağlı çalıştığından ilk JQuerynin yüklenmesi gerekiyor. Bu yüzden UI yı alt tarafta yazıyoruz.


    • Yanıt Olarak Öneren Gürkan ALAVANDA 19 Temmuz 2015 Pazar 17:06
    • Düzenleyen Gürkan ALAVANDA 19 Temmuz 2015 Pazar 17:17
    • Yanıt Olarak İşaretleyen NScoder54 19 Temmuz 2015 Pazar 17:26
    • Yanıt İşaretini Geri Alan NScoder54 19 Temmuz 2015 Pazar 17:26
    • Yanıt Olarak İşaretleyen NScoder54 19 Temmuz 2015 Pazar 17:46
    19 Temmuz 2015 Pazar 16:35

Tüm Yanıtlar

  • bu arada renk değiştirme işini css le yap demeyin bn işe biraz animasyon katmak için jqery ile yapmaya çalışıyom önce bi renk değiştirem sonra animasyon katarız :D
    19 Temmuz 2015 Pazar 14:45
  • dostum ü harfi kullanma javascript, css ve html de, inat etme.

    jquery renk animasyonu yapmaz, yapması için jquery-color librarysini de indirmelisin.


    www.mvcblog.org
    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com


    19 Temmuz 2015 Pazar 16:07
    Moderatör
  • JQueryi sayfana tanıttığını varsayıyorum. İki kere yüklemiş olabilirsin kütüphaneyi. Server taraflı çalışan bir nesneyi direk ("#NesneID") diye yakalayamazsın bundan da hata vermiş olabilir. Örnek vermek gerekirse toolboxtan bir textbox sürekledin bıraktın. Id si txt yaptın. Bunu JQuery ile yakalarken ("#<%=text.ClientID%>") yazarak yakalayabilirsin. JQuery UI kütüphanen olması lazım animate için ki animete yazmışsın yanlış. Ondan sonra css verir gibi background-color demişsin ki animate içinde böyle iki kelimeden oluşan özellikleri camel case olarak yazıyorsun. Bunları düzelt basit bir örnek yaptım sana buradan hatalarına bakabilirsin.
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="Scripts/jquery-2.1.4.min.js"></script>
        <script src="Scripts/jquery-ui-1.11.4.min.js"></script>
    </head>
    <body>
        <div id="vid" style="background-color:black">
            <p>
                Hello World.
            </p>
        </div>
    </body>
    </html>
    
    <script type="text/javascript">
        $(function () {
            $("#vid").hover(function () {
                $(this).animate({'backgroundColor': 'red' });
            })
        });
    </script>

    Dikkat edersen JQuery UI kütüphanesi JQuery ye bağlı çalıştığından ilk JQuerynin yüklenmesi gerekiyor. Bu yüzden UI yı alt tarafta yazıyoruz.


    • Yanıt Olarak Öneren Gürkan ALAVANDA 19 Temmuz 2015 Pazar 17:06
    • Düzenleyen Gürkan ALAVANDA 19 Temmuz 2015 Pazar 17:17
    • Yanıt Olarak İşaretleyen NScoder54 19 Temmuz 2015 Pazar 17:26
    • Yanıt İşaretini Geri Alan NScoder54 19 Temmuz 2015 Pazar 17:26
    • Yanıt Olarak İşaretleyen NScoder54 19 Temmuz 2015 Pazar 17:46
    19 Temmuz 2015 Pazar 16:35
  • teşekkürler hemen uyguluyorum
    19 Temmuz 2015 Pazar 17:09
  • bu arada türkçe karakter kullanmamaya çalışıyorum ama arada bir gözden kaçırıyorum işte :D
    19 Temmuz 2015 Pazar 17:09
  • Önay hocam ve Gürkan bey gerçekten teşekkürler işe yaradı bundan sonrası hayal gücüme kaldı sanırım biraz daha gelişmem lazım tekrar teşekkürler.
    19 Temmuz 2015 Pazar 17:48