小编And*_*ndy的帖子

在模态打开的Bootstrap模态窗口中自动播放视频

我有一个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标签正在这样做.但是如何在加载模态时让视频自动播放?当模态关闭时停止?

javascript video jquery html5 twitter-bootstrap

3
推荐指数
1
解决办法
2万
查看次数

CakePHP 3-使用可重用的验证器

在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之类的常见任务),又需要使用特定于表模型类的特定表的单独规则集,该怎么办? ?

php validation cakephp

3
推荐指数
1
解决办法
566
查看次数

DataTables - 如何为 lengthMenu 设置默认值?

DataTables 允许您更改下拉菜单中每页显示的记录数的选项:https : //datatables.net/reference/option/lengthMenu

但是,如果您按照示例定义它:

"lengthMenu": [ 10, 25, 50, 75, 100 ]
Run Code Online (Sandbox Code Playgroud)

您将获得默认选项 10,因为它首先出现在数组中。

如果您想使用其他东西(例如 50 或 75)作为默认选项怎么办?我在他们的文档中看不到任何允许这样做的方法。我知道您可以使用 jquery 按元素值进行定位,但这似乎是一个糟糕的主意。

jquery datatables

3
推荐指数
1
解决办法
6866
查看次数

右对齐 li 上的 fontawesome 图标

我有以下标记:

<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>,但显然这限制很大,并且响应速度不佳。

html css

3
推荐指数
1
解决办法
3922
查看次数

是否可以将外部数据拖放到 jstree 中?

我正在开发一个需要构建分层导航菜单的项目。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 拖放 …

html jquery cakephp jquery-ui jstree

3
推荐指数
1
解决办法
3072
查看次数

CakePHP 3.x - 为什么写一个查询,如果它实际上不是必需的?

在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)

为什么你有上面的代码在所有,如果"已经从数据库中实际上是不需要考虑的结果"?

cakephp cakephp-3.0

3
推荐指数
1
解决办法
87
查看次数

DataTables 和 moment.js 未正确按日期排序

我正在尝试使用https://datatables.net/blog/2014-12-18上的信息使 DataTables 对一列dd/mm/yyyy格式的日期进行排序,例如11/10/2018(代表 2018 年 10 月 11 日)。

我包含了以下脚本 - 按此顺序:

  • jquery.dataTables.1.10.7.min.js(本地托管)
  • //cdn.datatables.net/plug-ins/1.10.19/sorting/datetime-moment.js
  • moment.js(版本 2.10.3,本地托管)

根据上面 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——但这不是它们出现的顺序。

当以另一种方式(最旧的优先)订购它们时,它会给出相同的错误 - 即订单仍然不正确:

在此处输入图片说明

我不明白为什么会这样?

jquery datatables

3
推荐指数
1
解决办法
8364
查看次数

CKEditor 5 弹出控件在 Bootstrap 3 - 2018 中不起作用

我遇到的问题似乎与此类似:How to use CKEditor in a Bootstrap Modal? 但接受的答案不适用于以下内容:

  • CKEditor 5, v1.11.1
  • jQuery 3.2.1
  • 引导程序 3.3.7

我创建了一个小提琴来显示这个问题: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)

这不能解决问题 …

html javascript css jquery ckeditor

3
推荐指数
1
解决办法
1966
查看次数

使用jquery使用数据属性从其父<tr>中定位<td>

我正在开发一个可编辑的表格功能,如上一篇文章中所述:表格中的可编辑行 - 在<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)

我怎样才能做到这一点?

html jquery

2
推荐指数
1
解决办法
424
查看次数

PHP-遍历数组并仅在迭代之间更改时打印出值

很抱歉,如果有人提出这个要求,但我找不到符合我需求的解决方案。

我在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)

php arrays

2
推荐指数
1
解决办法
73
查看次数