Javascript sumoselect multiple dropdownlist在页面加载时为flickring
您好，我正在使用带有复选框的下拉列表。它在IE浏览器上工作正常，没有闪烁，但在chrome浏览器上，当第一次加载页面或刷新页面时，它会闪烁。任何人都可以解决此问题。我在此附上代码Javascript sumoselect multiple dropdownlist在页面加载时为flickring,javascript,jquery,asp.net,sumoselect.js,Javascript,Jquery,Asp.net,Sumoselect.js,您好，我正在使用带有复选框的下拉列表。它在IE浏览器上工作正常，没有闪烁，但在chrome浏览器上，当第一次加载页面或刷新页面时，它会闪烁。任何人都可以解决此问题。我在此附上代码 <script type="text/javascript"> $(document).ready(function () { window.searchSelAll = $('.search-box-open-up').SumoSelect({ csvDispCount: 3,
<script type="text/javascript">
$(document).ready(function () {
window.searchSelAll = $('.search-box-open-up').SumoSelect({ csvDispCount: 3, selectAll: true, search: true, searchText: 'Enter here.', up: false });
});
</script>
<link href="css/sumoselect.css" rel="stylesheet" />
simply i have been put set display: none and call the j query show at the end of HTML DOM it will work for me.Here i am attach example.
<head>
<script type="text/javascript" src="js/jquery.sumoselect.js"></script>
</head>
<div id="div1" runat="server" class="col" style="display: none;">
<table class="table table-bordered" style="margin-bottom: 0; background-color: #FFF; border: 2px solid black;">
<tr>
<td id="tdcompany1" runat="server">Select Company : </td>
<td id="tdcompany" runat="server" colspan="4">
<p data-tooltip data-tooltip-message="Please select company name to filter">
<asp:DropDownList ID="ddlCompany" runat="server" AutoPostBack="True" Width="370px" onchange="StartProgressBar();" OnSelectedIndexChanged="ddlCompany_SelectedIndexChanged" CssClass="input-block-level">
</asp:DropDownList>
</p>
</td> </tr>
</table>
<script type="text/javascript">
$(document).ready(function () {
$('.col').show(); // changed this line
});
</script>
simply i have been put set display: none and call the j query show at the end of HTML DOM it will work for me.Here i am attach example.
<head>
<script type="text/javascript" src="js/jquery.sumoselect.js"></script>
</head>
<div id="div1" runat="server" class="col" style="display: none;">
<table class="table table-bordered" style="margin-bottom: 0; background-color: #FFF; border: 2px solid black;">
<tr>
<td id="tdcompany1" runat="server">Select Company : </td>
<td id="tdcompany" runat="server" colspan="4">
<p data-tooltip data-tooltip-message="Please select company name to filter">
<asp:DropDownList ID="ddlCompany" runat="server" AutoPostBack="True" Width="370px" onchange="StartProgressBar();" OnSelectedIndexChanged="ddlCompany_SelectedIndexChanged" CssClass="input-block-level">
</asp:DropDownList>
</p>
</td> </tr>
</table>
<script type="text/javascript">
$(document).ready(function () {
$('.col').show(); // changed this line
});
</script>
$（文档）.ready（函数（）{
window.searchseall=$（'.search box open up'）.SumoSelect（{csvdiscount:3，selectAll:true，search:true，searchText:'enthere'，up:false}）；
});
simply i have been put set display: none and call the j query show at the end of HTML DOM it will work for me.Here i am attach example.
<head>
<script type="text/javascript" src="js/jquery.sumoselect.js"></script>
</head>
<div id="div1" runat="server" class="col" style="display: none;">
<table class="table table-bordered" style="margin-bottom: 0; background-color: #FFF; border: 2px solid black;">
<tr>
<td id="tdcompany1" runat="server">Select Company : </td>
<td id="tdcompany" runat="server" colspan="4">
<p data-tooltip data-tooltip-message="Please select company name to filter">
<asp:DropDownList ID="ddlCompany" runat="server" AutoPostBack="True" Width="370px" onchange="StartProgressBar();" OnSelectedIndexChanged="ddlCompany_SelectedIndexChanged" CssClass="input-block-level">
</asp:DropDownList>
</p>
</td> </tr>
</table>
<script type="text/javascript">
$(document).ready(function () {
$('.col').show(); // changed this line
});
</script>
简单地说，我被设置为display:none，并在HTML DOM的末尾调用j query show，它将对我起作用。下面我附上一个示例。
simply i have been put set display: none and call the j query show at the end of HTML DOM it will work for me.Here i am attach example.
<head>
<script type="text/javascript" src="js/jquery.sumoselect.js"></script>
</head>
<div id="div1" runat="server" class="col" style="display: none;">
<table class="table table-bordered" style="margin-bottom: 0; background-color: #FFF; border: 2px solid black;">
<tr>
<td id="tdcompany1" runat="server">Select Company : </td>
<td id="tdcompany" runat="server" colspan="4">
<p data-tooltip data-tooltip-message="Please select company name to filter">
<asp:DropDownList ID="ddlCompany" runat="server" AutoPostBack="True" Width="370px" onchange="StartProgressBar();" OnSelectedIndexChanged="ddlCompany_SelectedIndexChanged" CssClass="input-block-level">
</asp:DropDownList>
</p>
</td> </tr>
</table>
<script type="text/javascript">
$(document).ready(function () {
$('.col').show(); // changed this line
});
</script>
选定公司：
simply i have been put set display: none and call the j query show at the end of HTML DOM it will work for me.Here i am attach example.
<head>
<script type="text/javascript" src="js/jquery.sumoselect.js"></script>
</head>
<div id="div1" runat="server" class="col" style="display: none;">
<table class="table table-bordered" style="margin-bottom: 0; background-color: #FFF; border: 2px solid black;">
<tr>
<td id="tdcompany1" runat="server">Select Company : </td>
<td id="tdcompany" runat="server" colspan="4">
<p data-tooltip data-tooltip-message="Please select company name to filter">
<asp:DropDownList ID="ddlCompany" runat="server" AutoPostBack="True" Width="370px" onchange="StartProgressBar();" OnSelectedIndexChanged="ddlCompany_SelectedIndexChanged" CssClass="input-block-level">
</asp:DropDownList>
</p>
</td> </tr>
</table>
<script type="text/javascript">
$(document).ready(function () {
$('.col').show(); // changed this line
});
</script>
$（文档）.ready（函数（）{
$（'.col'）.show（）；//更改了此行
});
simply i have been put set display: none and call the j query show at the end of HTML DOM it will work for me.Here i am attach example.
<head>
<script type="text/javascript" src="js/jquery.sumoselect.js"></script>
</head>
<div id="div1" runat="server" class="col" style="display: none;">
<table class="table table-bordered" style="margin-bottom: 0; background-color: #FFF; border: 2px solid black;">
<tr>
<td id="tdcompany1" runat="server">Select Company : </td>
<td id="tdcompany" runat="server" colspan="4">
<p data-tooltip data-tooltip-message="Please select company name to filter">
<asp:DropDownList ID="ddlCompany" runat="server" AutoPostBack="True" Width="370px" onchange="StartProgressBar();" OnSelectedIndexChanged="ddlCompany_SelectedIndexChanged" CssClass="input-block-level">
</asp:DropDownList>
</p>
</td> </tr>
</table>
<script type="text/javascript">
$(document).ready(function () {
$('.col').show(); // changed this line
});
</script>
<style type="text/css">
.hideAll {
visibility:hidden;
}
</style>
<script type="text/javascript">
$(window).load(function () {
$("#mytab").removeClass("hideAll");
});
</script>
<div id="mytab" class="hideAll">
--Your Content here----
</div>
希德尔先生{
可见性：隐藏；
}
$（窗口）。加载（函数（）{
$（“#mytab”）.removeClass（“hideAll”）；
});
--你的内容在这里----