La vista MVC4 non rileva JQuery

Question

Ho un @ Html.DropDownList che chiama una funzione jquery. Ma non è riuscito a chiamare la funzione. devo tried-

$(document).ready(function() { 
    $('.test').change(function() { 
     alert("1");    
    }); 
}); 

@Html.DropDownList("PropertyContent", ViewBag.PropertyList as List<SelectListItem>, new { @class="test"}) 

e

function test() { 
     alert("1"); 
    } 

@Html.DropDownList("PropertyContent", ViewBag.PropertyList as List<SelectListItem>, new { onchange="test();"}) 


@Scripts.Render("~/bundles/jqueryval") is also included in the view 

Cosa c'è di sbagliato qui?

Answer 1

vostro selettore jQuery è sbagliato, utilizzare l'ID selettore posto:

$(document).ready(function() { 
    $('#PropertyContent').change(function() { 
     alert("1");    
    }); 
}); 

Un paio di errori possibili:

• jQuery non si fa riferimento nella pagina. Per controllare questo, apri firebug, chrome dev tools o IE dev tools e controlla se hai errori
• Un errore comune è quello di includere $ (documento) .ready nella vista e solo riferimento jQuery nella parte inferiore. Questo genererà un errore perché a quel punto non è noto lo $. Possibili soluzioni:
  1. Spostare il codice in un file esterno e riferimento quel file dopo l'inserimento jQuery
  2. Spostare il dichiarazione jQuery per la sezione testa (sconsigliato in quanto rallenta il caricamento della pagina)

Answer 2

$(document).ready(function() { 
    $('.test').change(function() { 
     alert("1");    
    }); 
}); 

$('.test').change(function() { // su questa parte u bisogno di aggiungere '.' in prova

u t dimenticato cappello è una classe.

Answer 3

Working FIDDLE Demo

$(function() { 
    $('#PropertyContent').change(function() { 
     alert("1"); 
    }); 
}); 

Answer 4

È inoltre possibile utilizzare il codice seguente.

$(document).ready(function() { 
    $(".test").live("change",function() { 
     alert("1");    
    }); 
}); 

Answer 5

Aggiungere la seguente linea da qualche parte nella vista o il layout:

@Scripts.Render("~/bundles/jquery") 

anche il vostro selettore non è corretto. Non hai elementi HTML con class="test".

Prova $('#PropertyContent') invece.

Answer 6

Si prega di provare a ottenere il dropDownList dal suo ID come il codice qui sotto. ho ottenuto un esempio di lavoro per voi: http://jsfiddle.net/pzzQu/

$(document).ready(function() { 
    $('#PropertyContent').change(function(){ 
     alert('1'); 
    }); 
});