小编kri*_*ish的帖子

如何仅在引导模态内为选定的div添加垂直滚动?

div在引导模态中有2个,由col-8和分开。在col-4这里,如何只为col-4div 添加垂直滚动?

/* .addScroll{
  overflow-y:auto;
} */
/* .modal-body{
 overflow-y:auto;
} */
Run Code Online (Sandbox Code Playgroud)
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
    <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
    <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Modal Header</h4>
                </div>
                <div class="modal-body">
                    <div class="col-xs- 8 col-sm-8  col-md-8 col-lg-8">In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery twitter-bootstrap

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

在 $http 响应中显示成功消息

我试图success在 http 响应中显示一条消息 3 秒,然后我需要重定向页面。
这是我的代码

<body ng-app='myApp' ng-controller='myCtrl'>
    <div class="col-lg-12 col-sm-12 col-xs-12 alert alert-success" ng-show="successMessage">
            <strong></strong>
    </div>
</body>

<script>
    var app = angular
        .module("myApp",[])
        .controller("myCtrl", function ($scope, $http, $timeout) {

            $http.post('/user/userList').then(function (response) {
                $scope.successMessage = "Form submitted successfully";
                $scope.successMessage = true;
                $timeout(function () {
                    $scope.successMessage = false;
                }, 5000);

                //growl.success('Form submitted successfully!', { title: 'Success!' });
                window.location = '/user/userList';
            })

        })

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

但它没有在我的 中显示消息success box。它只显示空的成功框仅 1 秒并立即重定向页面。

angularjs

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

如何增加CSS中“content”属性的大小

我使用属性在我的网页中添加了一个图标content

content: "\11";
Run Code Online (Sandbox Code Playgroud)

但它看起来很小,我需要增加这个图标的大小。我尝试使用background-size 属性和width属性height
但图标的大小没有变化。
如何增加呢?

css

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

选中复选框后更改输入类型

我想输入类型更改为textpassword当我点击"显示密码"复选框.

这就是我写的.这是对的吗?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="password" class="password"/>
<input type="password" class="password"/>
<input type="checkbox" onchange="document.getElementsByClassName('password').type = this.checked ? 'text' : 'password'"> Show password
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

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

根据条件更改 bootstrap col-width

这是我的简单引导代码..

<div class="container">
<div class="col-lg-12">

  <div class="col-lg-3">
    <p>
    aaaaaa
    </p>
  </div>
  <div class="col-lg-3">
    <p>
    bbbbb
    </p>
  </div>
  <div class="col-lg-3" ng-show="myVar">
    <p>
    cccccc
    </p>
  </div>
   <div class="col-lg-3">
    <p>
    bbbbb
    </p>
  </div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)

这里我连续放置了 4 个盒子。我已经初始化了一个名为myvar.Based的变量myVar,一些框可能会隐藏。

因此,当隐藏一个盒子时,应该管理其他盒子的宽度,即宽度应该增加。不应该有多余的空间。

如果宽度是,col-lg-3则表示应将其更改为col-lg-4隐藏框时的宽度。

小提琴: https: //jsfiddle.net/euxcj3qb/14/

这个怎么做?有人可以给我一些建议吗?

css twitter-bootstrap angularjs

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

如何从url中删除"&"符号和之后的所有文本

我有这个URL

https://myApp-ajj.com/sp?id=cat_item&sys_id=cf9f149cdbd25f00d080591e5e961920&sys_id1=cf9f149cdbd25f00d080591e5e961920&sysp_Id=a691acd9dbdf1bc0e9619fb&sysparm_CloneTable=sc_request&sysparm_CloneTable=sc_request
Run Code Online (Sandbox Code Playgroud)

在这里,我得到sys_id两次不同的参数.所以我需要删除第二个&符号和之后的所有文本.

我试过这个

location.href.split('&')[2] 
Run Code Online (Sandbox Code Playgroud)

我相信它不起作用.有人能提供更好的解决方案吗?

javascript jquery angularjs

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

使用 jquery 在表中进行内联编辑

我刚刚创建了一个带有 4 个按钮editdeleteupdate和 的表Cancel。所有操作都可以正常工作,但仅取消不起作用。
操作:
edit- 单击编辑按钮时,输入框将附加到滚动名称列(编辑按钮将隐藏,更新按钮将显示)
update并且delete工作正常。
但是当我点击取消输入框应该隐藏在我的表格中。[![在此处输入图像描述][2]][2][![在此处输入图像描述][1]][1]它不起作用。
出了什么问题?请提出任何建议

var roleList=[{
"Id": "0",
"name":"designer"
}];
$(document).ready(function () {
    empRoles()
});

function empRoles() {

                for (var i = 0; i < roleList.length; i++) {
                    var table = '<tr  id="' + roleList[i].Id + '"><td>' + (i + 1) + '</td><td class="roleName" id="name' + i + '">' + roleList[i].name + '</td><td><button  class="btn edit btn-info btn-sm" id="edit' + i + '"><i …
Run Code Online (Sandbox Code Playgroud)

jquery

0
推荐指数
1
解决办法
3409
查看次数

标签 统计

jquery ×4

angularjs ×3

css ×3

javascript ×3

twitter-bootstrap ×2

html ×1