小编Sco*_*ott的帖子

将新过滤器功能与现有分页合并并过滤jQuery/Javascript

我遇到了新的表过滤功能问题,选择要过滤的商品时会出现问题 - 而不是显示表中所有可过滤数据的行,过滤器仅过滤可见行减去分页隐藏的数据.

最重要的是,当我点击更多以显示更多行时,表开始显示当前过滤器之外的数据.哪个不好.

我还有另一个过滤功能来过滤"免费手机",它已经与我的分页方法(下面的代码)相结合.

如何将此过滤器(下拉列表)与我的"免费手机"过滤器(复选框一)和分页方法合并,这样当我选择过滤器过滤选项时,会处理表格内的所有数据,而不仅仅是分页显示可见行.

https://jsfiddle.net/51Le6o06/48/

上面的小提示显示两个过滤功能并排工作,但它们不能很好地协同工作.

正如您在上面的jsfiddle中看到的那样,下拉过滤器从HTML中收集其选项,然后在下拉菜单中显示它们,因此所有选项都可以通过分页隐藏来过滤.

这是每个函数的jQuery和Javascript.

这是一个功能不佳的新过滤器.

$(document).ready(function() {
    $('.filter-gift').each(filterItems);
});

function filterItems(e) {
    var items = [];
    var table = '';
    tableId = $(this).parent().parent().attr('tag')

      var listItems = "";
        listItems += "<option value=''> -Select- </option>";
        $('div[tag="' + tableId + '"] table.internalActivities .information').each(function (i) {
            var itm = $(this)[0].innerText;
            if ($.inArray(itm, items) == -1) {
                items.push($(this)[0].innerText);
                listItems += "<option value='" + i + "'>" + $(this)[0].innerText + "</option>";
            }
        });

    $('div[tag="' + tableId+ '"] .filter-gift').html(listItems);

    $('.filter-gift').change(function () …
Run Code Online (Sandbox Code Playgroud)

javascript jquery pagination filter

11
推荐指数
1
解决办法
1587
查看次数

WooCommerce 函数 wc_get_template() 修改

跟进我之前的问题WooCommerce use Secondary PHP File (Recalling Template)

下面的函数是我网站的辅助添加到购物车功能,它为分组产品调用辅助 php 模板,问题是只有修改后的模板实际上位于 woocommerce 插件模板文件夹中时,它才会起作用。

这不好,因为 woocommerce 的任何更新都会删除我的模板。问题是第三行“wc_get_template”这个函数只对我有用,如果模板在 woocommerce 插件模板文件夹中。当我需要它从我的子主题文件夹“custom-groups”文件夹中调用模板时。

有谁知道我如何让这个函数从插件模板文件夹以外的文件夹中获取模板?

正如您从我之前的问题中看到的那样,我尝试了各种技术,但没有运气。

当我尝试在我的子主题的 woocommerce 文件夹中添加这个自定义模板时,该模板由于某种原因不起作用,我认为问题是因为它没有覆盖原始模板......

function woocommerce_grouped_add_to_cart2() {
    global $product;
    wc_get_template( 'single-product/add-to-cart/grouped-simfree.php', array(
        'grouped_product'    => $product,
        'grouped_products'   => $product->get_children(),
        'quantites_required' => false
    ) );
}

function woo_simfree_product_tab_content() {
    woocommerce_grouped_add_to_cart2();
} 
Run Code Online (Sandbox Code Playgroud)

php wordpress templates woocommerce

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

DataTables - 创建自定义分页样式(加载更多样式)

我想对DataTable使用一个移动友好的分页样式,我只是想点击一个按钮来加载更多行,这将在当前可见行下附加行.

我知道这不是DataTables中的默认选项,但我认为不应该难以创建.有没有人创建这个分页方法或在DataTable的表上看到它?

如果不是,我怎么能修改我的表的代码在https://jsfiddle.net/6k0bshb6/16/使用这种分页样式使我的表移动友好.

// This function is for displaying data from HTML "data-child-value" tag in the Child Row.
function format(value) {
      return '<div>Hidden Value: ' + value + '</div>';
  }

// Initialization of dataTable and settings.
  $(document).ready(function () {
      var dataTable = $('#example').DataTable({
       bLengthChange: false,
       "pageLength": 5,
       "pagingType": "simple",
       "order": [[ 7, "asc" ]],
       "columnDefs": [
            {
                "targets": [ 5 ],
                "visible": false,
                "searchable": true
            },
            {
                "targets": [ 6 ],
                "visible": false,
                "searchable": true
            },
            {
                "targets": …
Run Code Online (Sandbox Code Playgroud)

javascript jquery pagination datatables

5
推荐指数
1
解决办法
5823
查看次数

数据表-打开页面加载中的所有子行

目前,我的表有子行,并且有一个切换开关可以打开第1列中的每一行。(我发现此功能是在线管理子行的)一。https://jsfiddle.net/6k0bshb6/30/

// This function is for displaying data from HTML "data-child-value" tag in the Child Row.
function format(value) {
      return '<div>Hidden Value: ' + value + '</div>';
  }

// This function is for handling Child Rows.
    $('#example').on('click', 'td.details-control', function () {
          var tr = $(this).closest('tr');
          var row = dataTable.row(tr);

          if (row.child.isShown()) {
              // This row is already open - close it
              row.child.hide();
              tr.removeClass('shown');
          } else {
              // Open this row
              row.child(format(tr.data('child-value'))).show();
              tr.addClass('shown');
          }
    }); 
Run Code Online (Sandbox Code Playgroud)

javascript jquery datatables

4
推荐指数
1
解决办法
5570
查看次数

从静态资源中删除查询字符串 - Wordpress

如何使用 WordPress 修复此站点速度建议以从静态资源中删除查询字符串。

带“?”的资源 URL 中的内容不会被某些代理缓存服务器缓存。删除查询字符串并将参数编码到以下资源的 URL 中:

http://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js?ver=4.5.3
/wp-content/cache/nextend/web/n2-ss-2/n2-ss-2.css?1467994835
/wp-content/cache/nextend/web/n2/n2.js?1467994835
/wp-content/plugins/smar ... edia/dist/smartslider-frontend.min.js?1467908685
/wp-content/plugins/smar ... artslider-simple-type-frontend.min.js?1467908685
/wp-content/plugins/smar ... nd/media/dist/nextend-frontend.min.js?1467908685
/wp-content/plugins/smar ... dia/dist/nextend-webfontloader.min.js?1467908685
/wp-content/themes/wootique-child/style.css?ver=4.5.3
/wp-content/themes/wootique/style.css?ver=4.5.3
/wp-includes/js/wp-embed.min.js?ver=4.5.3
/wp-includes/js/wp-emoji-release.min.js?ver=4.5.3
Run Code Online (Sandbox Code Playgroud)

WordPress 似乎会自动添加这些字符串。

wordpress

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

编辑 mongo.conf 后 MongoDB 状态失败(代码退出,状态=2)

我正在尝试使用Robo 3T远程连接到我的 Google Cloud Server以连接MongoDB v4.0.11,这样我就可以从 Windows 中查看数据。

我正在运行 Ubuntu 18.04LTS Minimal。为了启用到 MongoDB 的远程连接,我首先在我的 admin 数据库中创建了一个管理用户和 root 用户。

我的问题是,一旦我添加authorization: "enabled"security:/etc/mongod.conf重启MongoDB中,我在运行时,遇到下列情况$:systemctl status mongod

? mongod.service - MongoDB Database Server
   Loaded: loaded (/lib/systemd/system/mongod.service; disabled; vendor preset: enabled)
   Active: failed (Result: exit-code) since Tue 2019-08-06 16:43:51 BST; 1min 20s ago
     Docs: https://docs.mongodb.org/manual
  Process: 6517 ExecStart=/usr/bin/mongod --config /etc/mongod.conf (code=exited, status=2)
 Main PID: 6517 (code=exited, status=2)

Aug 06 16:43:51 instance-1 systemd[1]: Started MongoDB Database …
Run Code Online (Sandbox Code Playgroud)

mongodb

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