我已经使用nyroModal和Fancybox作为网站的工具,但在这个例子中我必须使用jQuery UI的对话框工具.我需要此对话框来加载页面.我相信我以前做过这件事,但我遇到的一切似乎都比应有的复杂.我不能用...
$( "#dialog" ).dialog({
autoOpen: false,
modal: true,
url: http://www.google.com
});
<button id="dialog">Open Dialog</button>
并在一个简单的iframe中打开页面？提前致谢.
我确实发现我有这个代码,
<script>
//$.fx.speeds._default = 500;
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: "fade",
hide: "fade",
modal: true,
open: function () {$(this).load('nom-1-dialog-add-vessels.html');},
height: 'auto',
width: 'auto',
resizable: true,
title: 'Vessels' });
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
return false;
});
});
</script>
<div id="dialog"></div><button id="opener">Open Dialog</button>
但它没有加载实际的页面.
我很惊讶在DataTables中找不到类似Excel的过滤(因为它是如此广泛使用的高级插件).这是存在的,还是有一种简单的方法来实现它？下面是高级菜单过滤器(如Excel)的示例.谢谢!
Kendo UI:http://demos.telerik.com/kendo-ui/grid/filter-menu-customization
http://dev.sencha.com/deploy/ext-4.0.0/examples/grid-filtering/grid-filter-local.html
我有一个重复几次的函数,我相信可以从数组中简化和发送变量.
var i = masterdata.timing.split(',');
var index = 0;
for (index = 0; index < i.length; ++index) {
$("#timing_" + i[index].trim()).prop('checked', true);
}
var i = masterdata.concern.split(',');
var index = 0;
for (index = 0; index < i.length; ++index) {
$("#concern_" + i[index].trim()).prop('checked', true);
}
var i = masterdata.steps.split(',');
var index = 0;
for (index = 0; index < i.length; ++index) {
$("#steps_" + i[index].trim()).prop('checked', true);
}
也许只是将类别更改为变量并从数组中发送catergories？
var chkgroup = [
'timing, concern, steps'
]
所以我的标题可能令人困惑,但它有正确的细节.我有一个可点击行的表.单击该行时,该行突出显示.该表还有一个复选框列.单击该复选框不应突出显示或从行中删除突出显示.我怎样才能正确使用.not()或:不在.on('click','tr',function(){...})？http://jsfiddle.net/vmu0p2oe/
$('table').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
//$(this).find(":checkbox").prop("checked", false);
}
else {
$('tr.selected').removeClass('selected');
$(this).addClass('selected');
//$(this).find(":checkbox").prop("checked", true);
}
});
我有一个相当简单的问题。我有删除按钮，打开模态弹出窗口以确认或拒绝删除。我希望这些模态弹出窗口在单击时淡入并在取消时淡出。我已经尝试了一些不同的东西，到目前为止还没有运气。我只需要一个简单的解决方案。提前致谢。这是我的代码
<style>
div.delModal
{
position:absolute;
border:solid 1px black;
padding:8px;
background-color:white;
width:160px;
text-align:right
}
</style>
<script>
function showModal(id) {
document.getElementById(id).style.display = 'block';
//$(this).fadeIn('slow');
}
function hideModal(id) {
document.getElementById(id).style.display = 'none';
}
</script>
</head>
<body>
<input type ="button" value="delete" onclick="showModal('delAll1')">
<div class="delModal" style="display:none" id="delAll1">
<img src="images/warning.png" /> Are you sure you want to delete vessel and the corresponding tanks?<br />
<input type="button" value="Cancel" class="hide" onclick="hideModal('delAll1')"/>
<input type="button" value="Delete" onclick="delVesselAll(1)" id="delete"/>
</div>
</body>
我有一个悬停的问题.它们在IE中运行良好,但不适用于Mozilla Firefox或Chrome.我猜它是因为它相当模糊,每一个td但是现在这就是我需要的东西.这是小提琴(不工作)http://jsfiddle.net/233qG/提前谢谢.
HTML
<table>
<tr>
<td>one</td>
</tr>
<tr>
<td>two</td>
</tr>
<tr>
<td>three</td>
</tr>
</table>
<div class="modalPop">Modal Information</div>
CSS
div.modalPop
{
display:none;
position:absolute;
border:solid 1px black;
padding:8px;
background-color:white;
margin: 280px 50px 0 0;
z-index: 9999;
}
a.modalPop:hover + div.modalPop
{
display:block;
}
div.modalPop:hover
{
display:block;
}
jQuery
$(document).ready(function(){
$('td').hover(
function(){$('.modalPop' + this).stop().hide().fadeIn('slow');},
function(){$('.modalPop' + this).stop(true, true).fadeOut('slow');}
);
});
我使用Datatables中的一个示例来删除表中的行.这很好,一个接一个,但我需要能够选择和删除多行.我对此进行了评论,//.removeClass('row_selected');因此用户可以在视觉上选择多行,但这些行仍然只能一次删除一行.想法？
https://datatables.net/release-datatables/examples/api/select_single_row.html
jQuery的
var oTable;
$(document).ready(function() {
/* Add a click handler to the rows - this could be used as a callback */
$("#example tbody tr").click( function( e ) {
if ( $(this).hasClass('row_selected') ) {
$(this).removeClass('row_selected');
}
else {
oTable.$('tr.row_selected')//.removeClass('row_selected');
$(this).addClass('row_selected');
}
});
/* Add a click handler for the delete row */
$('#delete').click( function() {
var anSelected = fnGetSelected( oTable );
if ( anSelected.length !== 0 ) {
oTable.fnDeleteRow( anSelected[0] );
}
} );
/* …我有很多表,当一个复选框被选中时 - 所有其他表应该清除.您可以在此表中检查任意数量的复选框,但只能一次检查一个表中的复选框.我该怎么做呢？我希望尽可能避免使用id,因为我有8个表.
$('input[type=checkbox]').on('click', function () {
});