小编rzb*_*rzb的帖子

选择不以字符串开头的类

我想选择一个不包含以以下开头的类的子元素z-depth-:

<div class="well">
    <div class="well"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

因此,如果内部.well也包含类似z-depth-1它不会被选中的类.

这是行不通的,因为内部.well总是被选中:

.well .well:not([class^="z-depth-"])
Run Code Online (Sandbox Code Playgroud)

这甚至可能吗?

css css-selectors

13
推荐指数
2
解决办法
6170
查看次数

在wordpress中获取查询字符串参数值

我正在制作一个wordpress插件.我在锚点中使用了add_query_string(),以便根据用户点击的链接加载内容.现在我需要知道在当前URI中获取参数值的最佳方法.

这可能是一个非常基本和愚蠢的问题,但我是编程的新手,所以如果我误解了一些术语,我很抱歉.

这是代码:

        if ( current_user_can('manage_options') ) {
            echo (
                '<div>
                    <ul>
                        <li><a href="'.add_query_arg( 'adminoption', 1 ).'">option 1</a></li>
                        <li><a href="'.add_query_arg( 'adminoption', 2 ).'">option 2</a></li>
                    </ul>
                </div>'
            );

            // if adminoption == 1 load content A
            // if adminoption == 2 load content B

        }
Run Code Online (Sandbox Code Playgroud)

wordpress query-string

10
推荐指数
4
解决办法
5万
查看次数

Flex-box项目无法在chrome上正确重新呈现

当以编程方式更改弹性框项目的维度或位置属性时,我遇到了不同的浏览器行为.布局未在Chrome上恢复其原始状态.

在这支笔中,当用户点击图像时,我将项目位置更改为绝对并修改其宽度和高度(实际上它可能是影响布局的任何内容,例如填充).当用户再次单击时,我回滚了更改,因此我希望布局相应地重置.

一个js的解决方法是强制布局重新渲染,快速将项目填充来回改变1px,但我想知道:

为什么会发生这种情况,是否只有css解决方法?

当用户再次单击并重置弹性项目样式时,不再考虑弹性基础并且布局中断. 铬

火狐

当用户再次单击并重置弹性项目样式时,将正确呈现所有项目. 火狐

new Vue({
  el: '#app',

  data() {
    return {
      activeImageIndex: null,
      images: [{
          url: 'https://unsplash.it/600',
          style: {
            flexBasis: '50%'
          }
        },
        {
          url: 'https://unsplash.it/600',
          style: {
            flexBasis: '50%'
          }
        },
        {
          url: 'https://unsplash.it/600',
          style: {
            flexBasis: '30%'
          }
        },
        {
          url: 'https://unsplash.it/600',
          style: {
            flexBasis: '30%'
          }
        },
        {
          url: 'https://unsplash.it/600',
          style: {
            flexBasis: '30%'
          }
        },
      ]
    }
  },


  methods: {
    onClick(index) {
      this.activeImageIndex = this.activeImageIndex === index ? null …
Run Code Online (Sandbox Code Playgroud)

html javascript css google-chrome flexbox

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

有条件地渲染父元素,保持内部html

有条件地显示父元素是否有任何内置方式?

为了显示:

<a v-show-but-keep-inner="someCondition">
    <span>This is always rendered no matter what</span>
</a
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs2

7
推荐指数
3
解决办法
4819
查看次数

覆盖组件方法

我正在使用VueCharts,它是一个用于 vue 的 Google Charts 插件。

我正在尝试为图表提供更新的 Material Design 外观。我试过将“google.charts.Bar”传递给图表类型道具,它确实有效。但是,许多选项都被忽略了,因为正如Google Charts 文档中所述,选项对象需要使用 进行转换google.charts.Bar.convertOptions(options),而插件不会这样做。

查看源代码,该插件安装了一个“vue-chart”组件。该组件用于ChartWrapper处理加载图表库,如下所示:

methods: {
    buildWrapper (chartType, dataTable, options, containerId) {
      let wrapper = new google.visualization.ChartWrapper({
        chartType: chartType,
        dataTable: dataTable,
        options: options,
        containerId: containerId
      })

      return wrapper
    },
Run Code Online (Sandbox Code Playgroud)

所以我只需要覆盖这个方法来转换选项,然后再将它们传递给 ChartWrapper。

但是如何?我还没有找到一种方法来简单地覆盖 vue 文档中的组件方法。我可以创建一个新组件并将转换后的选项向下传递,但我需要访问 google 对象,该对象仅由插件在内部加载。

我也读过我可以使用 mixin,但不清楚如何使用。这不起作用:

Vue.component('MyCustomChart', {
    mixins: ['vue-chart'],
    methods: {
        buildWrapper (chartType, dataTable, options, containerId) {
            let wrapper = new google.visualization.ChartWrapper({
                chartType: chartType,
                dataTable: dataTable,
                options: google.charts.Bar.convertOptions(options), // …
Run Code Online (Sandbox Code Playgroud)

google-visualization vuejs2

5
推荐指数
2
解决办法
9906
查看次数

打开链接之前jQuery对话框确认

我有一个填充了数据库中数据的表,其中每一行都有一个单元格,里面有一个锚元素.这个锚将导致相同的页面,但有一个查询字符串告诉php哪一行包含它应该删除的数据.

我需要在用户点击锚点时打开一个jQuery对话框,要求他在加载URL之前确认他的意图."取消"按钮应关闭对话框,不执行任何操作.然后,"确定"按钮应该打开网址.

任何帮助都非常感谢.

//使用'我尝试过的'进行编辑.这是我第一次搞乱jQuery,学习的时间已经不多了... =(

jQuery(document).ready(function(){
var $dialog = jQuery('<div class='msg_dialog'></div>')
    .html('Are you sure you want to do this?')
    .dialog({
        autoOpen: false,
        title: 'Confirm action',
        buttons: [{
            text: "Cancel",
            click: function(){
                jQuery(this).dialog("close");
            }
        }] // didn't even try the OK button since I couldn't even get the dialog opened
    });

jQuery('#confirm_del').click(function(){
    $dialog.dialog('open');
    return false;
});
});
Run Code Online (Sandbox Code Playgroud)

html php jquery jquery-ui jquery-ui-dialog

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

在调用超类中声明的函数时引用子类对象

即使从子类调用,如何使函数始终引用它的当前类对象?

以下代码将回显:a

我需要回应b:b

class superclass {

    private $a = 'a';

    public function getObjectVars() {
        return get_object_vars($this);
    }

}

class subclass extends superclass {

    private $b = 'b';

}

$obj = new subclass();

$vars = $obj->getObjectVars();
foreach ($vars as $name => $value) {

    echo $name . ': ' . $value;

}
Run Code Online (Sandbox Code Playgroud)

php

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