我有一个Bootstrap 3.3.7模式窗口,其中包含一个使用HTML5视频标签的视频,例如
<video controls autoplay>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Run Code Online (Sandbox Code Playgroud)
这样做的问题是,当我的网页加载时,视频开始播放(即使它不能被"看到",因为模态关闭,音频也会播放).
我知道autoplay标签正在这样做.但是如何在加载模态时让视频自动播放?当模态关闭时停止?
在CakePHP 3文档中,有一个关于可重用验证器的部分:https : //book.cakephp.org/3.0/en/core-libraries/validation.html#creating-reusable-validators
它并没有说您如何在Controller中使用它们。谁能举个例子?
我有一个特定的应用程序,它可以上传.csv文件。应用程序中.csv文件的验证始终是相同的:检查其MIME类型,检查大小,检查扩展名等。
所以我的计划是将其实现为可重用的验证器-正确吗?
我有一个UploadsController.phpwith upload()函数,在这里我想用它来验证来自表单的数据。我很困惑,因为此时我还没有创建实体-而是只是尝试验证我的文件-因此patchEntity()文档中的所有这些内容在这里毫无意义。
我发现Cake 3验证的文档非常混乱,因为ORM(https://book.cakephp.org/3.0/en/orm/validation.html)下有一个部分,上面写着
验证规则在Table类中定义
但是稍后,它在验证实体(https://book.cakephp.org/3.0/en/core-libraries/validation.html#validating-entities)中有一个完全不同的部分。
然后,我们有了可重用的验证器.....以及其他各种东西。
由于Cake 3中的表和实体模型类有所不同,有人可以解释一下如何验证文件上传之类的东西,特别是考虑到甚至根本不涉及任何表时?
还有,如果您在表单上有一个组合,既需要使用可重用的验证器(用于执行诸如验证.csv之类的常见任务),又需要使用特定于表模型类的特定表的单独规则集,该怎么办? ?
DataTables 允许您更改下拉菜单中每页显示的记录数的选项:https : //datatables.net/reference/option/lengthMenu
但是,如果您按照示例定义它:
"lengthMenu": [ 10, 25, 50, 75, 100 ]
Run Code Online (Sandbox Code Playgroud)
您将获得默认选项 10,因为它首先出现在数组中。
如果您想使用其他东西(例如 50 或 75)作为默认选项怎么办?我在他们的文档中看不到任何允许这样做的方法。我知道您可以使用 jquery 按元素值进行定位,但这似乎是一个糟糕的主意。
我有以下标记:
<ul>
<li><a href="#">Link 1</a> <i class="fa fa fa-chevron-right"></i></li>
<li><a href="#">Link 2 is longer</a> <i class="fa fa fa-chevron-right"></i></li>
<li><a href="#">Link 3</a> <i class="fa fa fa-chevron-right"></i></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
它看起来像这样(jsfiddle):
我想做的是“排列”图标,使它们显示在右侧,无论标签中链接的长度如何<a>。我在 Fireworks 中模拟了这一点,但它显示了我想要做的事情的想法:
这怎么可能?我也在使用 Bootstrap 3.3.7,但不确定其中的任何实用程序或类是否有帮助。
我尝试过在元素上设置宽度<a>,但显然这限制很大,并且响应速度不佳。
我正在开发一个需要构建分层导航菜单的项目。jstree看起来不错。
树将保存到数据库中 - 我计划使用 CakePHP 的树行为(由于现有代码库,该项目必须在 Cake 2.x 中工作,而不是在 3.x 中工作)。
我需要做的一件事是能够从外部数据源向我的树添加“标签”。
我的配置方式如下:
填充我的 jstree 的数据来自数据库表(navigations根据 Cake 的命名约定调用)。它使用上面树行为链接中给出的表结构。
我正在使用 ajax 方法将此数据加载到 jstree 中:
$.ajax({
type : "GET",
url : "/ajax_get_tree",
dataType : "json",
success : function(json) {
createJSTrees(json);
},
error : function(xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
}
});
function createJSTrees(jsonData) {
$("#tree").jstree({
'core': {
"check_callback" : true,
'data' : jsonData
},
"plugins" : ["dnd"]
}).on('loaded.jstree', function() {
$("#tree").jstree('open_all');
});
}
Run Code Online (Sandbox Code Playgroud)
我想要做的是将“标签”(我的意思是列表项)从单独的 div 拖放 …
在CakePHP 3.x的(令人难以置信的混乱)文档中,它根据新的ORM升级指南提供了以下内容:
您可以使用迭代器修饰查询并调用方法,甚至无需触及数据库.当您缓存部分视图并且实际上不需要从数据库中获取结果时,这非常有用:
// No queries made in this example!
$results = $articles->find()
->order(['title' => 'DESC'])
->formatResults(function (\Cake\Collection\CollectionInterface $results) {
return $results->extract('title');
});
Run Code Online (Sandbox Code Playgroud)
为什么你有上面的代码在所有,如果"已经从数据库中实际上是不需要考虑的结果"?
我正在尝试使用https://datatables.net/blog/2014-12-18上的信息使 DataTables 对一列dd/mm/yyyy格式的日期进行排序,例如11/10/2018(代表 2018 年 10 月 11 日)。
我包含了以下脚本 - 按此顺序:
根据上面 URL 上的信息,我的 DataTables 初始化如下所示:
$(document).ready(function() {
$.fn.dataTable.moment( 'd/m/Y' );
$('#coursesTable').DataTable({"searching": false
});
});
Run Code Online (Sandbox Code Playgroud)
但是当我单击日期标题时,#coursesTable它会给出以下输出:
显然这是错误的,因为如果日期是按时间顺序排列的——最近的在前——然后06/09/2017应该出现在之前07/08/2017——但这不是它们出现的顺序。
当以另一种方式(最旧的优先)订购它们时,它会给出相同的错误 - 即订单仍然不正确:
我不明白为什么会这样?
我遇到的问题似乎与此类似:How to use CKEditor in a Bootstrap Modal? 但接受的答案不适用于以下内容:
我创建了一个小提琴来显示这个问题:http : //jsfiddle.net/fg3va7zq/2/
如果您单击“启动模态”,它将打开模态。尝试插入链接时,我得到了这个:
我无法在输入内部单击以插入链接。
以下 CSS 用于确保z-index链接输入的 位于模态上方:
.ck-rounded-corners .ck.ck-balloon-panel, .ck.ck-balloon-panel.ck-rounded-corners {
z-index: 10055 !important;
}
Run Code Online (Sandbox Code Playgroud)
这是有效的,没有它链接框甚至不可见。
在链接的答案中提供了以下 js:
$.fn.modal.Constructor.prototype.enforceFocus = function () {
var $modalElement = this.$element;
$(document).on('focusin.modal', function (e) {
var $parent = $(e.target.parentNode);
if ($modalElement[0] !== e.target && !$modalElement.has(e.target).length
// add whatever conditions you need here:
&&
!$parent.hasClass('cke_dialog_ui_input_select') && !$parent.hasClass('cke_dialog_ui_input_text')) {
$modalElement.focus()
}
})
};
Run Code Online (Sandbox Code Playgroud)
这不能解决问题 …
我正在开发一个可编辑的表格功能,如上一篇文章中所述:表格中的可编辑行 - 在<tr>元素上使用记录ID不良做法?
我有以下标记:
<tr data-id="2">
<td>Foo</td>
<td><button class="editBtn">Edit</button></td>
</tr>
<tr data-id="3">
<td>Bar</td>
<td><button class="editBtn">Edit</button></td>
</tr>
Run Code Online (Sandbox Code Playgroud)
使用jquery我已经能够找出我正在编辑哪一行.editBtn,然后使用以下内容来确定哪个是data-id元素:
$('.editBtn').click(function() {
id = ($(this).closest('tr').data('id'));
console.log(id);
});
Run Code Online (Sandbox Code Playgroud)
我不明白给出了这个ID,我怎么能定位td其中有我的类别名称的元素(在这个例子中是Foo和Bar)?
我希望能够获取这些内容并将它们放在可编辑的字段中,从而:
<td><input type="text" value="Foo"></td>
Run Code Online (Sandbox Code Playgroud)
我还需要能够在此时将"编辑"按钮更改为"保存"按钮,并使用不同的类名,例如
<td><button class="saveBtn">Save</button></td>
Run Code Online (Sandbox Code Playgroud)
我怎样才能做到这一点?
很抱歉,如果有人提出这个要求,但我找不到符合我需求的解决方案。
我在PHP 7应用程序中有一个数组,如下所示:
$data = [
0 => [
'regulations_label' => 'Europe',
'groups_label' => 'G1',
'filters_label' => 'FF1'
],
1 => [
'regulations_label' => 'Europe',
'groups_label' => 'G1',
'filters_label' => 'FF900'
],
2 => [
'regulations_label' => 'Europe',
'groups_label' => 'G1',
'filters_label' => 'FF324234'
],
3 => [
'regulations_label' => 'Europe',
'groups_label' => 'G2',
'filters_label' => 'FF23942'
],
4 => [
'regulations_label' => 'America',
'groups_label' => 'G29',
'filters_label' => 'FF3242'
],
5 => [
'regulations_label' => 'America',
'groups_label' => 'G29', …Run Code Online (Sandbox Code Playgroud) jquery ×6
html ×4
cakephp ×3
css ×2
datatables ×2
javascript ×2
php ×2
arrays ×1
cakephp-3.0 ×1
ckeditor ×1
html5 ×1
jquery-ui ×1
jstree ×1
validation ×1
video ×1