小编Jay*_*pee的帖子

Bootstrap 3.1 visible-xs和visible-sm不能一起工作

我有一个div想要在sm和xs设备上显示,它看起来像这样:

<div class="col-xs-4 col-sm-4 visible-xs visible-sm">
   <a href="#">Item 1</a>
   <a href="#">Item 2</a>
   <a href="#">Item 3</a>
</div>
Run Code Online (Sandbox Code Playgroud)

我的引导程序是从cdn加载而没有任何自定义.

这应该在类上说明的xs和sm上显示这个div,但结果是当你在浏览器上转到xs size时,sm类display:none !important会覆盖xs display:block !important.

我试图找出bootstrap文档,但他们只有一个表没有解释如何在同一个div上使用多个可见性参数.

twitter-bootstrap

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

使用jQuery .addClass和.removeClass进行CSS3转换

我有一个很大的主导航面板,我想在部署(扩展)时制作动画.

我正在使用jQuery通过添加/删除类visible/hidden来触发它的可见性.

我不得不设置延迟时间来应用隐藏类,因为触发器是面板div之外的按钮.(如果我在按钮上使用翻转,一旦你推出面板就会消失)

代码是这样的

$(document).ready(function() {
    $('#menu-item-9').click(function(){
        $('#repair-drop').removeClass('hidden');
        $('#repair-drop').addClass('visible');
    });
$('#repair-drop').on('mouseleave', function(e) {
    setTimeout(function() {
        $('#repair-drop').removeClass('visible').addClass('hidden');
    }, 600);        

});
});
Run Code Online (Sandbox Code Playgroud)

我的CSS如下

.hidden{
    max-height: 0px;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;

}
.visible{
    max-height: 500px;  
}
Run Code Online (Sandbox Code Playgroud)

过渡效应根本不起作用.

html jquery css3

17
推荐指数
3
解决办法
6万
查看次数

Firefox 30不再隐藏选择框箭头

我一直使用"技巧":

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
Run Code Online (Sandbox Code Playgroud)

在FF上做自定义选择框但是自从版本30发布以来,这完全停止了.我试图找出这是否被弃用但找不到任何东西.是否有解决方法或其他方法来替换它?

html css firefox

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

在多站点安装上动态填充ACF字段(无线电)

我正在尝试填充高级自定义字段的无线电字段,从多站点安装主博客中的自定义帖子类型中提取数据.

为了更好地理解,我制作了这个简单的流程图.

流

所以我创建了一个函数,以便从主博客中提取数据并在子站点上显示为广播项目.

该函数看起来像这样,我用作为参考

function getctas($field) {
    $field['choices'] = array();

    switch_to_blog(1);

    $args = array(
            'post_type' => 'location_icons',
            'posts_per_page' => '-1',
         );

        $ctas = new WP_Query( $args );

        while ( $ctas->have_posts()) {
            $ctas->the_post();

            $choices = get_field('icon',false);

            $choices = explode("\n", $choices);

                    foreach( $choices as $choice ):

                        $field['choices'][ $choice ] = '<img src="'.$choice.'"/>';

                    endforeach;

        }
        restore_current_blog();
        return $field;

}
add_filter('acf/load_field/name=call_to_action_icon', 'getctas');
Run Code Online (Sandbox Code Playgroud)

我正确地列出了选项(选项是图像),我成功地icon从主博客中取出了该字段并将其作为无线电标签和值.

我遇到的问题是,当我在孩子的页面模板上查询帖子时保存帖子后,我得到了正确的图片,但博客1上的帖子标题重复了.理想的是:

  • 图片
  • 儿童博客帖子的标题
  • 儿童博客文章的描述

而我得到的是:

  • 正确的形象
  • 包含博客1上图像的CTP标题
  • 没有说明

  • 正确的形象

  • 与前一个标题相同
  • 没有说明

等等.

如果你们中的任何人需要更多的澄清来帮助我解决这个问题,我很乐意进一步解释.

wordpress advanced-custom-fields

7
推荐指数
1
解决办法
1062
查看次数

搜索XML文件并使用javascript显示结果

我一直在寻找最近3个小时的地方,我找不到任何可以帮助我的东西.我很抱歉,如果有任何答案,但我无法达到它.

所以我有这个xml文件,例如:

<entry>
    <title>The Title</title>
    <description>Description here</description>
</entry>
Run Code Online (Sandbox Code Playgroud)

所以我喜欢做的事情就是在其中添加带有搜索表单的html,然后根据搜索词显示匹配该术语的同一页面中的所有结果(例如空div).

这可能吗?

非常感谢任何可以帮助我的人!

javascript xml search

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

如果属性未定义,Vue JS 不显示 &lt;p&gt;

我的模板上有这个标记:

<div class="locButton" v-for="location in locResult.slice(0, 4)">
  <h5>{{ location.legal_name }}</h5>
  <p>{{ location.address1 }}<p>
  <p v-if="location.address2 !== undefined">{{ location.address2 }}</p>
  <p>{{ location.pri_phone }}</p>
</div>
Run Code Online (Sandbox Code Playgroud)

但结果元素仍然像这样打印在 DOM 上:

<div class="locButton">
   <h5>Name</h5> 
   <p>Address1</p>
   <p></p><!----> 
   <p>Phone</p>
</div>
Run Code Online (Sandbox Code Playgroud)

如果该属性未定义或为空,我应该在 v-if 上做什么才能根本不输出 html<p>标签?

javascript vue.js vuejs2

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