小编dav*_*rad的帖子
谷歌地图:限制平移
我正在尝试重新创建pan限制行为,如下所示:http: //econym.org.uk/gmap/example_range.htm
不幸的是,它使用的是API版本2,而不是当前的版本3.我正在更新命令,以便它们是最新的,但我想我可能错过了一些东西,因为它不起作用:
<html>
<body>
<script type="text/javascript" src="http://meyouand.us/scripts/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
$(document).ready(function() {
// Generate map
var latlng = new google.maps.LatLng(37.76201, -122.4375);
var myOptions = { zoom: 12, center: latlng, panControl: false, zoomControl: true, mapTypeControl: false, streetViewControl: false, scrollwheel: true, draggable: true, mapTypeId: google.maps.MapTypeId.TERRAIN };
var map = new google.maps.Map(document.getElementById("gmap"), myOptions);
// Limit panning
// The allowed region which the whole map must be within
var southWest = new google.maps.LatLng(37.684, -122.591);
var northEast = new google.maps.LatLng(37.836, …推荐指数
解决办法
查看次数
警告页面号.关于jQuery dataTables页面更改事件
以下是为我工作:
$('#datatable').on('page.dt', function() {
alert("changed");
});
每当我更改页面时,都会显示警报.但是如果我想提醒页面没有.点击然后是什么方式
推荐指数
解决办法
查看次数
数据表不会在页脚上过滤总和金额
我正在使用数据表在我的管理面板上显示一些数据.
但是,当我使用搜索选项过滤结果时,它不会影响页脚总和金额,金额保持不变？任何想法如何解决？
<?php if(isset($data_tables)) { ?>
jQuery('#<?php echo $data_tables_name ?>').DataTable({
"filter": "applied",
"footerCallback": function ( row, data, start, end, display ) {
var api = this.api(), data;
// Remove the formatting to get integer data for summation
var intVal = function ( i ) {
return typeof i === 'string' ?
i.replace(/[\$,]/g, '')*1 :
typeof i === 'number' ? i : 0;
};
// Total over all pages
if (api.column(2).data().length) {
total_revenue = api
.column( 2 )
.data()
.reduce( function …推荐指数
解决办法
查看次数
列表框选项元素上的Twitter引导程序弹出窗口和工具提示显示在错误的位置
我已经设置了一个快速的jsFiddle来演示这个问题.
在选择列表的选项元素上使用Bootstrap的工具提示或弹出窗口时,弹出框或工具提示不会显示在项目旁边,而是显示在页面的最左上角.
我使用的HTML是:
<select size="5" id="testList">
<option value="1" rel="popover" data-original-title="This is item 1." data-content="Lots of stuff to say" style="color: red; ">Item 1</option>
<option value="2" rel="popover" data-original-title="This is item 2." data-content="Lots of stuff to say" style="color: green; ">Item 2</option>
<option value="3" rel="popover" data-original-title="This is item 3." data-content="Lots of stuff to say" style="">Item 3</option>
<option value="4" rel="popover" data-original-title="Blah" data-content="Lots of stuff to say" style="color: orange; ">Item 4</option>
</select>?
javascript调用很简单:
$(function () {
$('#testList option[rel=popover]').popover({
placement: 'right',
trigger: 'hover'
});
}); …推荐指数
解决办法
查看次数
数据表警告(表id ='ideas'):无法重新初始化数据表
我正在使用数据表并且正在为JS代码添加选项,这些更改有效,但我一直在收到弹出警告.我怎么能停止警告？
$(document).ready(function() {
$('#ideas').dataTable( {
"aLengthMenu": [[5, 10, 15, -1], [5, 10, 50, "All"]]
});
});
推荐指数
解决办法
查看次数
想要在Datatables中进行排序时触发自定义事件
当用户单击列标题进行排序时,我想触发自己的事件.我不想让它排序.我一直在做研究,并没有看到一个很好的方法来做到这一点.
我可以绑定sort事件来做我自己的事情,但仍然会发生这种情况.我不想要这个.如果我禁用排序,那么sort事件永远不会触发,所以这也不起作用.
我可以禁用排序,然后尝试捕获标题上的点击事件,但我希望有更好的方法来做到这一点.有人有主意吗？
推荐指数
解决办法
查看次数
当从底部点击页面时,jquery数据表滚动到顶部
我正在使用具有底部分页的jQuery数据表.从底部单击页面时,我希望它将其滚动到顶部,这样用户就不必为较长的页面手动执行此操作.我尝试使用dataTables_scrollBody,但它无法正常工作
这是我的代码:
oTable = $('#tTable').dataTable({
"fnDrawCallback": function(o) {
$('dataTables_scrollBody').scrollTop(0);
}
});
只有当您单击第一个/最后一个(我认为是默认行为)时,页面才会滚动到顶部,但不会在每个页面单击时滚动到顶部.
推荐指数
解决办法
查看次数
DataTable().ajax.reload()未定义
我在DT v1.10下面有以下代码:
var oTable = $('#items')
.dataTable({
sDom: "<'row'<'col-md-4'l><'col-md-6'f>r>t<'row'<'col-md-4'i><'col-md-7'p>>",
oLanguage: {
sLengthMenu: "_MENU_ per page"
},
ajax: "/items",
bProcessing: true,
bServerSide: true,
aoColumnDefs: [
{
aTargets: [-1],
bSearchable: false,
bSortable: false
}
]
})
.on('click', '.btn-danger', function (e) {
if (confirm('Are you sure you want to delete SKU "' + $(this).data('sku') + '"?')) {
$.getJSON($(this).attr('href'), function (data) {
if ('success' in data) {
oTable.ajax.reload(null, false);
}
});
}
event.stopPropagation();
return false;
});
当服务器响应成功时,它会尝试调用该行,oTable.ajax.reload(null, false);但我总是得到错误Uncaught TypeError: Cannot read …
推荐指数
解决办法
查看次数
集成bootstrap 3 typeahead和标签输入与对象作为标签
我无法将bootstrap 3 typeahead与标签输入集成,但将对象作为标签.如果我在输入字段上只使用typeahead,它可以工作,但如果我将它与标签输入集成,那么它不起作用,我甚至没有得到任何真正令人沮丧的错误.这是我的代码:
var places = [{name: "New York"}, {name: "Los Angeles"}];
//this works
$('input').typeahead({
source: places
});
//this doesn't
$('input').tagsinput({
freeInput: false,
confirmKeys: [44],
typeahead: {
source: places
}
});
我做错了什么或这是一个错误？
如果有人有一个这方面的工作示例,我真的很感激一些帮助,它可以是typeahead.js而不是bootstrap 3 typeahead,我试图使用它也可以工作,但后来我有一个问题,如果我选择一个建议来自typeahead click enter的选项提交整个表单,而不是仅仅接受该选项作为标记.
bootstrap-typeahead twitter-bootstrap-3 bootstrap-tags-input
推荐指数
解决办法
查看次数
dataTables HTML5数据搜索单元格属性不起作用
基本上我正在尝试做这样的例子
https://datatables.net/examples/advanced_init/html5-data-attributes.html
我的代码如下
var dTable = $('#ajaxresults').DataTable({
"order": [[1, "desc" ]],
"sPaginationType": "full_numbers",
"ajax": "/users.json",
createdRow: function(row, data, index) {
if(data[6]=="Special") {
$(row).find('td').eq(0).attr("data-search", "Special");
}
}
});
然而,一旦数据集被加载到页面上并且我正在尝试搜索特别没有返回但是如果我在开发工具中查看它我可以清楚地看到数据搜索属性被设置为列,从我读到的我认为我在初始化后添加数据搜索列属性,这就是为什么搜索不起作用？但我搜索了整个文档,我没有看到其他方法来实现这个有没有人对此有任何想法？
PS我忘了告诉"特殊"这个词不会出现在任何刚刚作为数据搜索属性添加到某些用户的列中,所以它不是真的可见但应该可以通过数据搜索属性进行搜索.
推荐指数
解决办法
查看次数
标签 统计
datatables ×6
javascript ×2
jquery ×2
google-maps ×1
html5 ×1
limit ×1
pan ×1
popover ×1
sorting ×1
tooltip ×1