回发后Jquery没有加载 [英] Jquery Not Loading After Post back
问题描述
我有一个简单的下拉菜单并在此使用了引导程序功能，但在回发后它不起作用。
以下是我的代码请帮帮我。
< head runat =server >
< meta http-equiv =C />
< title> Hr Software Tool< / title>
< ; meta name =viewportc />
< link href ='http：//fonts.googleapis.com/css？family = Open + Sans：400,300,300italic，400italic，600italic， 600,700,800,700italic，800italic'rel ='样式表'type ='text / css'/>
< link href =C />
< link href =C />
< link href =C />
< script src =http://ajax.googleapis.com/ajax/ libs / jquery / 1.10.2 / jquery.min.js>< / script>
< script src =Scripts / js / bootstrap.min.js>< /脚本>
< script type =text / javascriptsrc =Scripts / js / bootstrap-select .js>< / script>
< link rel =stylesheettype =text / csshref =C>
< style>身体{
最小身高：800px;
}
< / style>
< / script>
< / head>
< body class =login-body>
< form id =form1runat =server>
< asp：ScriptManager ID = temrunat =server>
< asp：UpdatePanel ID =uprunat =server>
< c>
< asp：DropDownList ID =ddlDropDownCssClass =selectpickerrunat =serverAutoPostBack =trueOnSelectedIndexChanged =ddlDropDown_SelectedIndexChanged >
< asp：ListItem> Wasif
< asp：ListItem>测试
< asp：ListItem>焦点
< asp：ListItem> Lacoste
< asp：ListItem> Levis
< asp ：ListItem> Lee
< asp：ListItem>布洛克
< asp：ListItem>发送
< asp：Label ID =lblRecordrunat =serverText =Null>
< triggers> < asp：AsyncPostBackTrigger ControlID =ddlDropDownEventName =SelectedIndexChanged/>
< / form> ;
< / body>
当UpdatePanel刷新时，它会销毁那些TextBox的DOM，删除jQuery事件处理程序这个过程。使用PageLoad（）而不是
（document）.ready（），它们将在每次部分回发后连接回来。
你的帖子-back从UpdatePanel启动，这意味着AJAX调用和部分更新。
浏览器不会触及页面中未涉及该部分更新的部分，因此JavaScript代码将无法再次运行...
看着你的代码，在我看来你无论如何都不需要再次运行它，如果你的页面的视觉效果在回发后搞砸了你就会遇到设计问题......
Hi,
I have a simple drop down and used bootstrap functionality in this but after post back it does not work.
Below is my code Please help me in this.
<head runat="server">
<meta http-equiv="C/>
<title>Hr Software Tool</title>
<meta name="viewport" c/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600italic,600,700,800,700italic,800italic' rel='stylesheet' type='text/css' />
<link href="C/>
<link href="C/>
<link href="C/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="Scripts/js/bootstrap.min.js"></script>
<script type="text/javascript" src="Scripts/js/bootstrap-select.js"></script>
<link rel="stylesheet" type="text/css" href="C>
<style> body {
min-height: 800px;
}
</style>
</script>
</head>
<body class="login-body">
<form id="form1" runat="server">
<asp:ScriptManager ID="tem" runat="server">
<asp:UpdatePanel ID="up" runat="server">
<c>
<asp:DropDownList ID="ddlDropDown" CssClass="selectpicker" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlDropDown_SelectedIndexChanged" >
<asp:ListItem>Wasif
<asp:ListItem>Test
<asp:ListItem>Focus
<asp:ListItem>Lacoste
<asp:ListItem>Levis
<asp:ListItem>Lee
<asp:ListItem>Bullock
<asp:ListItem>Sending
<asp:Label ID="lblRecord" runat="server" Text="Null">
<triggers> <asp:AsyncPostBackTrigger ControlID="ddlDropDown" EventName="SelectedIndexChanged" />
</form>
</body>
When the UpdatePanel refreshes, it destroys the DOM for those TextBoxes, removing the jQuery event handlers in the process. Use PageLoad() instead of
(document).ready(), and they will be wired back up after every partial postback.
Your post-back initiated from an UpdatePanel which means AJAX call and partial update.
The parts of your page not involved in that partial update will not be touched by the browser and for that the JavaScript code will not run again...
Looking at your code it seems to me that you need not run it again anyway, and if the visuals of your page are messed up after post-back you have a design problem...
这篇关于回发后Jquery没有加载的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
