Javascript jQuery在我的HTML页面中不工作

我被一个问题缠住了

我使用的是AngularJS，其中包含了jQuery，但在HTML页面中不起作用。为什么会发生这种情况

$（'#设置'）。更改（函数（）{
警报（“hi”）；
});

设置
---挑选---
{{item.name}
只需使用
ng change
指令即可：

<select id="setting" class="form-control" ng-change='functionToCall()'>


如果您已经开始使用angularjs，那么最好不要使用jquery风格的代码。Angularjs与jquery有很大不同

这是一个很好的起点。
当您对尚未创建的DOM元素使用jQuery时，通常会发生这种情况

当你的网页加载时，Angular（可能）不会启动，并填充你的下拉列表

解决方案是使用Angular的
ng change
。然后，当您在下拉列表中选择一个项目时，您的函数将被启动

我这里有一个例子：


在这里，每当用户选择新客户时，我都会更新客户的详细信息：


用于填充列表并在所选项目更改时调用函数的代码如下所示：

    <select ng-model="selectedCustomer" 
      ng-change="loadOrders();" 
      ng-options="customer as customer.CompanyName for customer in listOfCustomers" >
    </select>


您需要在代码中引用jquery库确保在加载页面之前脚本不会运行。控制台中看到的内容可能重复？打开调试器并检查控制台以确保jquery已加载。
    <select ng-model="selectedCustomer" 
      ng-change="loadOrders();" 
      ng-options="customer as customer.CompanyName for customer in listOfCustomers" >
    </select>