Chciałbym umieścić jQuery QuickSearch i niceScroll na jednej stronie.
Stworzyłem taki kod jak poniżej, lecz on nie działa.
Kod
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="style.css" />
<title></title>
<script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="js/jquery.tablesorter-2.0.4.js" type="text/javascript"></script>
<script src="js/jquery.quicksearch.js" type="text/javascript"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#content_list_gildia").niceScroll("#content_list_gildia .wrapper",{boxzoom:false});
$("#content_list_gildia .wrapper .content_list_profile").quicksearch({
attached: '#content_list_gildia',
position: 'before',
delay: 100,
onAfter: function() {
if ($("#content_list_gildia tbody tr:visible").length != 0) {
$("#content_list_gildia").trigger("update");
$("#content_list_gildia").trigger("appendCache");
}
}
});
});
</script>
</head>
<body>
<div id="content">
<div id="content_content">
<div style="float: left">Szukaj</div><div style="float: left; color: #2297a8;">Gildii</div>
<div id="content_header">
<input type="text" id="content_search"/>
<div id="content_list_gildia">
<div class="wrapper">
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deeks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deasdeks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deekasds2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deasdfhgdfeks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deehgfjghfjks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Defghjgfhjghjfghjeks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deefgsks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Dewrgwregeks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Devceks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deedfhdfhks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deeksituliutl2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="style.css" />
<title></title>
<script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="js/jquery.tablesorter-2.0.4.js" type="text/javascript"></script>
<script src="js/jquery.quicksearch.js" type="text/javascript"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#content_list_gildia").niceScroll("#content_list_gildia .wrapper",{boxzoom:false});
$("#content_list_gildia .wrapper .content_list_profile").quicksearch({
attached: '#content_list_gildia',
position: 'before',
delay: 100,
onAfter: function() {
if ($("#content_list_gildia tbody tr:visible").length != 0) {
$("#content_list_gildia").trigger("update");
$("#content_list_gildia").trigger("appendCache");
}
}
});
});
</script>
</head>
<body>
<div id="content">
<div id="content_content">
<div style="float: left">Szukaj</div><div style="float: left; color: #2297a8;">Gildii</div>
<div id="content_header">
<input type="text" id="content_search"/>
<div id="content_list_gildia">
<div class="wrapper">
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deeks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deasdeks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deekasds2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deasdfhgdfeks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deehgfjghfjks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Defghjgfhjghjfghjeks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deefgsks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Dewrgwregeks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Devceks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deedfhdfhks2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
<div class="content_list_profile" id="content_list_profile">
<img src="https://minotar.net/helm/NalesnikxD/50.png">
<div id="content_list_profile_info">
<p id="content_list_profile_info_nick">Deeksituliutl2k</p>
<p id="content_list_profile_info_info">1283</p>
</div>
<div id="content_list_profile_spacer"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Dodam jeszcze że gdy usunę skrypt niceScroll QuickSearch działa, a gdy usunę QuickSearch niceScroll działa
Proszę o szybką pomoc