MVC4 view не обнаруживает JQuery

Question

У меня есть @ Html.DropDownList, который вызывает функцию jquery. Но он не смог вызвать функцию. У меня есть tried-

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

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

и

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 

Что здесь не так?

Answer 1

Ваш селектор JQuery неправильно, используйте ID-селектор вместо:

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

Несколько более возможные ошибки:

• JQuery не ссылается на этой странице. Чтобы проверить это, откройте firebug, hrome dev tools или IE dev tools и проверьте, есть ли у вас какие-либо ошибки.
• Общей ошибкой является включение $ (document) .ready внутри представления и только ссылка jQuery внизу. Это вызовет ошибку, потому что в этот момент $ неизвестно. Возможные решения:
  1. Переместить код во внешний файл и ссылки, что файл после включения JQuery
  2. Переместите декларацию Jquery в головной секции (не рекомендуется, поскольку это приведет к замедлению загрузки страницы)

Answer 2

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

$('.test').change(function() { // в этой части и нужно добавить '.' в тесте

у забыл т шляпа это класс.

Answer 3

Working FIDDLE Demo

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

Answer 4

Вы также можете использовать следующий код.

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

Answer 5

Добавьте следующую строку где-то в представлении или макете:

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

Кроме того, ваш селектор не является правильным. У вас нет элемента HTML с class="test".

Попробуйте вместо этого $('#PropertyContent').

Answer 6

Пожалуйста, попробуйте получить dropDownList по его идентификатору, как приведенный ниже код. я получил рабочий пример для вас: http://jsfiddle.net/pzzQu/

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