请看我的jsFiddle发布:
http://jsfiddle.net/chugh97/w3Kzt/1/
我有一个固定宽度的jqGrid,启用了滚动和shrinktofit:false.现在,当我通过jqGrid过滤器文本框中的第4个字段进行选项卡时,过滤器文本框与jqGrid列无关.怎么解决这个问题？
我正在使用全屏幕背景库Supersized开发一个网站,网站开始在页面加载时显示默认图库.它完美地运作.
问题是当我尝试:
使用ajax加载的其他数据重新加载新的istance
var options = {
progress_bar : 1,
random : 1,
slide_interval : 3000, // Length between transitions
transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 700, // Speed of transition
// Components
slide_links : 'blank', // Individual links for each slide (Options: false, 'number', 'name', 'blank')
slides : [ // Slideshow Images
{image : 'http://spiaggiaolivi.webjuice.it/foto/galleria/sfondi/livedinnerparty_-07_1280x853.jpg', title : 'Image Credit: Maria Kazvan'}, …我在页面上有多个html表,每个表都有一个标题行.当我单击该列标题时,它应该按该列对所有表进行排序.我专门引用的列包含一个锚点,用于文本显示整数值.
当我单击列标题时,我遇到了错误的排序.假设我在此屏幕上有以下内容:
83
84
104
现在我点击最终结果变为的列标题:
104
83
84
我编写的代码用于在下一次单击时交替排序,会发生的是104和84围绕83旋转.我认为发生的是它正在比较这些不正确.我已经使用更大的数据集对其进行了测试,当任何数字不共享共同的数字时问题就会出现.
有什么东西(也许是我失踪的旗子？)告诉这件事要正确排序吗？我所有更像字符串的数据都正确排序.
码:
<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.tinysort.min.js"></script>
<script language="javascript">
var aAsc = [];
$(".SubHead").click(
function() {
var nr = $(this).index();
aAsc[nr] = aAsc[nr]=='asc'?'desc':'asc';
$('.resultTable>tbody>tr:not(.SubHeadRow)').tsort("td:eq("+nr+")",{order:aAsc[nr]});
}
);
</script>
</head>
<body>
<table class="resultTable" border="1">
<tr class="SubHeadRow">
<td class="SubHead">
<a href="#">ID</a>
</td>
<td class="SubHead">
<a href="#">Application Header</a>
</td>
<td class="SubHead">
<a href="#">Version Header</a>
</td>
</tr>
.
.
.
</table>
.
.
.
</body>
编辑:这是插件的链接:http://tinysort.sjeiti.com/
上面我推荐的代码包含了html的样本.我不在其中,所以它可能不是100%.并非我怀疑它很重要,但表格是在ColdFusion 7MX中动态创建的.
我正在使用jQuery全屏插件https://github.com/martinaglv/jQuery-FullScreen 我的代码:
$('#cancel-fullscreen').hide()
//View Fullscreen
$('#view-fullscreen').click(function(){
$('#container').css({'background': 'green'}).fullScreen();
$(this).hide();
$('#cancel-fullscreen').show();
return false;
});
//Cancel Fullscreen
$('#cancel-fullscreen').click(function(){
//I need this work when "Esc" or "F11" buttons pressed
$('#container').css({'background': 'red'}).fullScreen(); //If press "Esc" background still green..
$(this).hide();
$('#view-fullscreen').show();
return false;
});
它工作得很好,但我的设计中不需要"取消"按钮,按下"Esc"或"F11"按钮全屏取消.按下这个按钮后我需要运行一些功能,任何想法怎么办？
谢谢,Kuzzy.
这是我的jquery进度条我想改变进度条的颜色,类Acceptedbar为绿色,类Declinedbar为红色
<head runat="server">
<title>Idea Storm</title>
<link href="css/CSS.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"
type="text/javascript"></script>
<script src="script/ui.progressbar.js" type="text/javascript"></script>
?<style type="text/css">
.AcceptedBar > .ui-progressbar-value {
background:green;
}
.DeclinedBar > .ui-progressbar-value {
background: red;
}
</style>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css">
<%-- <link href="App_Themes/HRIS-Theme/jquery.ui.core.css" rel="stylesheet" type="text/css" />
<link href="App_Themes/HRIS-Theme/jquery.ui.theme.css" rel="stylesheet" type="text/css" />--%>
</head>
<script type="text/javascript">
$(function ()
{
$('.Accepted').each(function()
{
var valueFromHiddenField = $('input[type=hidden]', this).val();
$('.Acceptedbar', this).progressbar({ value: valueFromHiddenField});
});
});
$(function ()
{
$('.Declined').each(function() {
// We …[更新]
我正在使用JQuery Validate插件来验证一个简单的表单.它的形式是HTML:
<form id="commentForm">
<div id="ContactUsDIV">
<div id="right">
<div class="ContactFormInput">Subject:</div>
<input id="ContactFormSubject" name="ContactFormSubject" type="text" class="input"/>
<label for="ContactFormSubject" class="validationMessage"></label>
<div class="ContactFormInput">Full Name:</div>
<input id="FullName" name="FullName" type="text" class="input"/>
<label for="FullName" class="validationMessage"></label>
<div class="ContactFormInput">EMail:</div>
<input id="EmailAddress" name="EmailAddress" type="text" class="inputLTR"/>
<label for="EmailAddress" class="validationMessage"></label>
<div>
<input id="SendMessage" type="submit" value="Send" class="ContactFormSubmit"/>
</div>
</div>
<div id="left">
<div class="ContactFormInput">Message:</div>
<textarea id="UserComment" cols="20" rows="2"></textarea>
<label for="UserComment" class="validationMessage"></label>
</div>
</div>
</form>
Java脚本:
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function () { alert("submitted!"); }
});
$().ready(function () {
// validate signup form …为什么要调用console.log(this.attr("id"));未定义的调用？
(function( $ ) {
$.fn.fs_suggest = function(options) {
console.log(this.attr("id"));
};
})( jQuery );
$("#places_search").fs_suggest();
这是HTML:
<div class="search_container" id="search">
<form data-remote="false" method="get" action="/search">
<input type="text" placeholder="search places" name="query" id="places_search">
<input type="submit" value="search">
</form>
</div>
我正在尝试获取对调用.fs_suggest()函数的元素的引用,在本例中为$("#places_search")
知道替代品的人吗？
http://razorjack.net/quicksand/
也许某些事实上会自动排序？(是的,我很懒,k？)
编辑:
通过自动我的意思是,它应该只是排序,在一些标签等data-name="derr"(找到任何人与id derr),没有2个不同的div ...
也许可以一次排除更多的东西...我有点必须这样做,因为,用户可以选择0到4个不同的标签...不想在html D中做出所有可能性:
我有一个很长的HTML列表,30个项目.我想在一个垂直空间中显示这个列表,该空间的高度足以容纳其中的大约5个.列表应自动垂直滚动项目(如新闻自动收报机),但有按钮暂停滚动并移动到列表中的下一个或上一个项目.当滚动到达列表的末尾时,它应该在开头重新开始.
我正在寻找一个可以提供此功能的jQuery插件推荐.我还有其他一些要求,这些要求并非绝对必要,但非常理想:
在显示页面时,整个列表将被加载,所以我并不需要能够通过AJAX加载列表项.
我DateRangePicker在我的代码中使用了一个插件.
这是我的代码:
<script type="text/javascript" src="<?php echo base_url ?>js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script type="text/javascript" src="<?php echo base_url ?>js/date.js"></script>
<script type="text/javascript" src="<?php echo base_url ?>js/daterangepicker.jQuery.compressed.js"></script>
<p>
<strong>Pickup :</strong>
<input type="text" id="pickupdate" name="pickupdate" class="datepicker" >
</p>
当我单击文本框时,我在控制台中收到以下错误:
未捕获RangeError:超出最大调用堆栈大小
如果有人知道为什么会这样,请告诉我.
jquery-plugins ×10
jquery ×9
javascript ×2
fullscreen ×1
html ×1
html5 ×1
jqgrid ×1
jquery-ui ×1
php ×1
supersized ×1