小编Pra*_*nga的帖子

填充4个字符时自动选项卡到下一个输入字段

我想要做的是,填写四个字符时指向下一个标签.每个字段应该有4个字符,一旦完成,它应该移动到下一个输入框.

 $(".inputs").keyup(function () {
        if (this.value.length == this.maxLength) {
          $(this).next('.inputs').focus();
        }
  });
Run Code Online (Sandbox Code Playgroud)

小提琴.

html javascript css jquery

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

Angular 中的日期序号(st、nd、rd、th)?

我需要获取以下日期格式。

30th July 2019
Run Code Online (Sandbox Code Playgroud)

我尝试什么

<time-zone  time="{{ 2019-07-31 18:30:00 }}" format="DD MMM YYYY"></time-zone>
Run Code Online (Sandbox Code Playgroud)

结果 : 2019 年 8 月 1 日

javascript angular

9
推荐指数
3
解决办法
8715
查看次数

隐藏iframe中的内容?

这是我的情况.

我有一个名为iframe.html的文件.其中包含以下代码,

<!DOCTYPE html>
<html lang="eng">
    <head>
        <meta charset="UTF-8"/>
        <title>Pluign Development</title>

        <script src="js/jquery-1.11.0.js" type="text/javascript"></script>
    </head>

    <body>

        <iframe id="abc" src="test.html"></iframe>
        <div id="sub">click</div>
    </body>

    <script src="js/script-22.js" type="text/javascript"></script>
</html>
Run Code Online (Sandbox Code Playgroud)

我有test.html文件.其中包含以下代码,

<!DOCTYPE html>
<html lang="eng">
    <head>
        <meta charset="UTF-8"/>
        <title>Pluign Development</title>

    </head>

    <body>

        <div id="red">prasanga karunanayake </div>
    </body>


</html>
Run Code Online (Sandbox Code Playgroud)

这是我试过的js代码,

(function($){ 

    var fire = {
        init:function(){
            $('#sub')
            .on('click', function(){
                $('#red', parent.document).css('display','none');
            });
        }
    };
    fire.init();

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

这是我的情况.

我需要隐藏<div id="red">prasanga karunanayake </div>test.html文件中的内容.如果我点击<div id="sub">click</div> 然后隐藏test.html中的html内容.

我很困惑,非常感谢你的帮助.

html javascript css jquery

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

如何突出显示菜单按钮?

选择菜单项时,我需要突出显示菜单按钮.如果我选择菜单项,则需要将当前类应用于(li).

这就是我尝试过的.

这是HTML,

  <ul>
     <li class="current"><a href="#">HOME</a></li>
     <li><a href="#">SERVICE</a></li>
     <li><a href="#">ABOUTUS</a></li>
     <li><a href="#">PROFILE</a></li>
     <li><a href="#">CONTACTUS</a></li>
  </ul>
Run Code Online (Sandbox Code Playgroud)

这是Jquery,

var opener = {
  init:function()  { 
         this.menuselection();
   },
   menuselection:function(){
    $('ul li a').on('click', function (){
        $('ul li').addClass('current');
    });
   }
}
opener.init();
Run Code Online (Sandbox Code Playgroud)

这是CSS,

.current a {
  color: #03c9a9;
}
a,
a:active,
a:focus {
  color: #fff;
}
a,
a:hover,
a:active,
a:focus {
  outline: 0;
  border: 0;
  text-decoration: none;
  color: #fff;
}
Run Code Online (Sandbox Code Playgroud)

演示

html javascript css jquery

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

将 mixpannel 与 Angular 5 集成

我想将 mixpannel 集成到我的 Angular 应用程序中。我找不到这个包或直接的答案。任何人都可以给我一个链接,链接到好的教程或代码来集成 mixpannel。

提前致谢。

mixpanel angular

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

ngx treeview 选择一个父级下的所有子级

在我的 Angular 5 应用程序中,我在下拉列表中使用 ngx 树视图。我想添加一个图标来选择一个特定父母下的孩子。

<ngx-treeview [config]="config" (selectedChange)="selectItem()" [items]="Items"></ngx-treeview>
Run Code Online (Sandbox Code Playgroud)

提前致谢

angular ngx-treeview

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

标签 统计

javascript ×4

angular ×3

css ×3

html ×3

jquery ×3

mixpanel ×1

ngx-treeview ×1