javascript - Jquery 不能在 .net 项目中工作

Question

我在 main.master 文件中引用了这个脚本:

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.0.min.js" type="text/javascript"></script>

在我的 Web 用户控件中，我有这个 jquery，但它不工作，我真的看不出哪里会出现问题。我的代码在 jsfiddle 中运行良好:

<script type="text/javascript">
    $(".package-container").click(function () {
        $(this).closest('.radio-group-row').find('.package-title').removeClass('highlight');
        $(this).find('input:radio').prop('checked', true);
        $(this).find('.package-title').addClass('highlight');
    });
</script>

编辑

我的 jquery 被引用在我的母版页底部附近的结束正文标记之上。

Answer 1

确保您的 jQuery include 放置在页面的早期(HEAD 元素)，并将您的代码放置在 body 元素的末尾或将其包装在 DOM 就绪处理程序中，如下所示:

<script type="text/javascript">
    $(function(){
        $(".package-container").click(function () {
            $(this).closest('.radio-group-row').find('.package-title').removeClass('highlight');
            $(this).find('input:radio').prop('checked', true);
            $(this).find('.package-title').addClass('highlight');
        });
    });
</script>

$(function(){YOUR CODE HERE}); 是 $(document).ready(function(){YOUR CODE HERE}); 的快捷方式

使用 DOM 就绪处理程序的优点是您可以将 jQuery 代码放在任何地方(包括通过 subview /控件注入(inject))。

更新:

如果您还需要在本地范围内定义您的 $ 变量，我建议使用这个相当不错的快捷 DOM 就绪处理程序。它将 jQuery 实例作为第一个参数传递给您提供的 DOM 就绪函数:

jQuery(function($){
    // Your code placed here can use $ without any worry about other packages!
});