小编Fra*_*cas的帖子

我正在尝试自定义 slick.js 附带的标准点。我有一个“透明圆”类，我想用作点，当点处于活动状态时，我想使用“活动”类

这就是我的课程的样子：

.transparent-circle {
  border: 2px solid #fff;
  height:12px;
  width:12px;
  -webkit-border-radius:75px;
  -moz-border-radius:75px;
}

.active{
  background-color: rgba(126, 222, 186, 1);
  border: 2px solid #7EDEBA !important;
}

这是我尝试自定义点的内容。我一直在尝试在我的 document.ready 函数中使用 jquery

$('.slick-dots li button').remove();
$('.slick-dots li').addClass('transparent-circle');

所以我想删除标准按钮并将 css 类添加到列表项中，但不幸的是似乎什么也没发生

我正在使用bootstrap手风琴中的bootstrap glyphicon-triangle-left和glyphicon-triangle-bottomglyphicons.当你打开一个div时它显示一个div bottom,当你关闭它时,它会显示left一个.

当图标切换类时,它看起来有点愚蠢,所以我想创建一个过渡可能使图标旋转或淡出/进入.但我不知道我怎么能这样做,因为我通过jQuery在类之间切换如下:

function toggleChevron(e) {
    jQuery(e.target)
        .prev('.panel-heading')
        .find("i.indicator")
        .toggleClass('glyphicon-triangle-bottom glyphicon-triangle-left');
    }

我不知道如何做到这一点,因为它使用了自举手风琴等的类.

我已经尝试在我的css文件中做这样的事情,但它并没有真正做我想要它做的事:p

.glyphicon-triangle-bottom{
    opacity: 0;
    transition: opacity 1s;
}

.glyphicon-triangle-left{
    opacity: 1;
    transition: opacity 1s;
}

任何人都知道如何让图标过渡？提前谢谢了!!

编辑:我对这段代码进行了一些定制,但这很好地反映了我的手风琴的样子:http://jsfiddle.net/zessx/r6eaw/12/

我已将带有标记的地图添加到我的网站，但我不确定 Title 属性对该标记有何作用。

我使用了developers.google网站上的文档

https://developers.google.com/maps/documentation/javascript/examples/marker-simple

在此示例中，“hello world”（标记标题）到底有何作用？我使用的是 OS X El Capitan - Chrome

function initMap() {
  var myLatLng = {lat: -25.363, lng: 131.044};

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: myLatLng
  });

  var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    title: 'Hello World!'
  });
}

我正在使用自定义导航步行器,并希望创建一个树状菜单.

例:

<ul class="nav nav-list">
    <li><label class="tree-toggler nav-header">Header 1</label>
        <ul class="nav nav-list tree">
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><label class="tree-toggler nav-header">Header 1.1</label>
                <ul class="nav nav-list tree">
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Link</a></li>
                    <li><label class="tree-toggler nav-header">Header 1.1.1</label>
                        <ul class="nav nav-list tree">
                            <li><a href="#">Link</a></li>
                            <li><a href="#">Link</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

现在我的目标是检查列表项是否有子菜单,如果它有子菜单,我想将li的文本包装在标签中以创建折叠效果.

这是我的自定义导航助行器

class themeslug_walker_nav_menu extends Walker_Nav_Menu {

// add classes to ul sub-menus
function start_lvl( &$output, $depth ) {
    // depth dependent classes
    $indent = ( $depth > 0  ? str_repeat( "\t", …

我有一个有6种不同颜色的数组,如下所示:

$colors = array(
        'dd0330',
        'e49fca',
        'a776a6',
        'f7e300',
        'f78f1e',
        'd12a2f',
);

我有一个循环,我将一些东西存储在一个数组中,我为每个元素添加一个颜色.但是阵列可以有比6更多的项目,所以当第六种颜色被提出时我希望计数器被重置

这就是我尝试过的:

$loop_counter = 0;
if ( $orders->have_posts() ){
   while ($orders->have_posts()) : $orders->the_post(); 
      ...
      $myOrders[] = array( 'name' => $name,
                                 'schedule' => $activiteiten, 
                                 'link' => $link, 
                                 'color' => $colors[$loop_counter],
                                 'catering' => $catering,
                               ); 
       ...
       if($loop_counter = 5){
           $loop_counter = 0;
       }
       $loop_counter++;
    endwhile; 
}

但这似乎给我的第一个项目第一个颜色,而其他第二个项目.

有谁知道如何重置柜台？

提前谢谢了!