小编Pra*_*man的帖子

为什么`<input />`拖动父div?

input元素似乎拖累了父元素div.为什么会这样?我该如何解决?

HTML

  <div class="main">
    <div class="one">
    </div>
    <div class="two">
      <input type="text" /> <!-- Without this input, the page looks fine -->
    </div>
    <div class="three">
    </div>
  </div>
Run Code Online (Sandbox Code Playgroud)

css

.main>div {
  display: inline-block;
  height: 330px;
}

.one {
  width: 18%;
  background-color: #fbfbfb;
}

.two {
  margin-left:10px;
  width: 50%;
  border: 2px solid #ddd;
}

.three {
  margin-left: 10px;
  width: 20%;
  background-color: #bbb;
  border: 5px dashed #ddd;
}
Run Code Online (Sandbox Code Playgroud)

效果如下:http://jsbin.com/gubozapove/edit?output

html css twitter-bootstrap

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

如何在javascript中将字符串/数字格式化为自定义模式?

我有一个13位数的值1231234123412,我想用点分割这个数字到下面的模式###.####.####.##.

结果值必须如下 123.1234.1234.12

如何使用javascript,angularjs甚至正则表达式将值分成4个块(###.####.####.##)?

javascript

0
推荐指数
2
解决办法
396
查看次数

将字符串1k字符串转换为1000数字

我有一个金额字段,它可以接受像5000和1k,2m,2.5k等字符串的数字,所以我需要转换字符串,如:

 1k => 1000
 2m => 2000000
 2.5k => 2500
Run Code Online (Sandbox Code Playgroud)

等等.这在JavaScript中如何实现?

javascript jquery

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

On链接上的Click事件,但只有一个

我的画廊页面上有一个问题.我有JavaScript来处理用户菜单选择,但其中一个选项是返回主页,但它不起作用,因为On Click事件接管了页面上的所有链接,有没有办法解决这个问题?我在网上搜索了答案,但没有运气,谢谢.

$(document).ready(function() {
  LoadGallery($('a[data-albumid]:first').data('albumid'));
  $("a").click(function() {
    var dir_path = $(this).data("albumid");
    LoadGallery(dir_path);
    return false;
  });
});
Run Code Online (Sandbox Code Playgroud)
<ul id="nav">
  <li><a href="#" id="here">Gallery</a>
    <ul>
      <li><a href="#" data-albumid="images/gallery/fld01/">2014</a></li>
      <li><a href="#" data-albumid="images/gallery/fld02/">2014</a></li>
      <li><a href="#" data-albumid="images/gallery/fld03/">2014</a></li>
      <li><a href="#" data-albumid="images/gallery/fld04/">2015</a></li>
      <li><a href="#" data-albumid="images/gallery/fld05/">2015</a></li>
    </ul>
  </li>
  <li><a href="index.html" id="home">Back to home</a></li>
  <!-- This one never works! -->
</ul>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

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

jQuery脚本在控制台中运行,但不在文件中运行

我对此代码有疑问:

$(document).ready(function() {
    sweetAlert("a");// This is just a test, and it runs successfully by the way!!!
});

$("#login").keyup(check);

function check() {
    $(this).val($(this).val().replace(/\s/g,"_"));
}
Run Code Online (Sandbox Code Playgroud)

浏览器正在加载文件,我从检查器中检查了它,并运行.ready脚本。但是它不能与.keyup一起使用。然后当我复制/粘贴行

$("#login").keyup(check);
Run Code Online (Sandbox Code Playgroud)

在控制台中,它可以成功运行。

如果需要,这是html表单:

<input type="text" name="login" id="login"/>
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助。

html javascript jquery

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

通过jquery发布表单不起作用

基本上我已经使用jquery事件提交了表单数据,以防止页面重新加载.现在,表格的信息没有显示?

$("#btn-ser1").click(function() {
  $("#form").submit(function() {
    alert("you are submitting" + $(this).serialize());
  });
});
Run Code Online (Sandbox Code Playgroud)
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<body>
  <form method="post" id="form">
    First Name :
    <input name="fname">Last Name :
    <input name="lname">Address :
    <input name="address">Contact No. :
    <input name="contact">Country:
    <input name="country">City:
    <input name="city">
  </form>
  <button type="button" id="btn-ser1">Serialize</button>
</body>

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

html javascript php forms jquery

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

如果标记属性类仅包含jquery中的该类,则删除标记

我试图通过其class属性删除标记,但该属性应该只包含该类而不包含任何其他类.
我的代码

$("#click").on("click", function() {
  $(".text").remove();
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div class="default text">One</div>
<div class="text">Two</div>
<button id="click">
  Press
</button>
Run Code Online (Sandbox Code Playgroud)

因此,当我按下按钮时,它应显示第一个div标签并删除仅包含该类的其他标签.

有什么办法可以实现吗?

谢谢

html javascript jquery

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

得到li的索引有一个类,没有另一个类

我有下面的代码来找到li的索引,active并且没有hidden类.为了找到我们不想算hidden上课的价值.

var index = $('li').not('.hidden').find('.active').index();
alert(index)
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li class="hidden">.....</li>
  <li>....</li>
  <li class="hidden">....</li>
  <li class="active">....</li>
  <li>....</li>
  <li class="hidden">....</li>
  <li>....</li>
 </ul>
Run Code Online (Sandbox Code Playgroud)

在这里我得到结果-1.但我的预期结果是1.是否有可能找到这个?

javascript jquery

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

如果子div不包含<a>标记,如何隐藏父div?

如果子div(即.post-title)不包含<a>标记,我试图隐藏父div(即#post).有关如何使用我修改过的代码正确完成此操作的任何见解?

<div id="latest">
    <div id="post">
        <div class="post-image post-image-1"></div>
        <div id="post-content">
            <div class="post-title post-title-1"></div>
            <div id="post-date"></div>
        </div>
    </div>
<div id="post">
        <div class="post-image post-image-2"></div>
        <div id="post-content">
            <div class="post-title post-title-2"></div>
            <div id="post-date"></div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)
$('.post-title').not($('a').hide($("#post"));
Run Code Online (Sandbox Code Playgroud)

jquery

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

如何制作col-xs-6而不是彼此相邻?

我在表单字段中使用了3个col-xs-6但是我没有得到我想要的结果.

我想实现这个目标:

| col-xs-6 | 
| col-xs-6 |
| col-xs-6 |
Run Code Online (Sandbox Code Playgroud)

但相反,我看到了这一点

| col-xs-6 | col-xs-6 |
| col-xs-6 |
Run Code Online (Sandbox Code Playgroud)

我知道这是它的工作方式,但我想实现第一个结果.我尝试过对每个col-xs-6s应用行但是没有用.

这是我的HTML

<div class="col-xs-12">
   <h1>Form</h1>

   <form class="top20" ng-submit="vm.exportForm()" name="vm.exportForm" novalidate>
       <formly-form model="vm.exportModel" fields="vm.exportFields" form="vm.exportForm"></formly-form>
   </form>
</div>
Run Code Online (Sandbox Code Playgroud)

这就是我如何构建控制器中的形式

vm.exportFields = [
    {
        className: 'col-xs-6',
        key: 'field1',
        type: 'select2',
        templateOptions: {
            label: 'Field1',
            valueProp: 'subCode',
            labelProp: 'description',
            options: []
        }
    },
    {
        className: 'col-xs-6',
        key: 'field2',
        type: 'select2',
        templateOptions: {
            label: 'Field2',
            valueProp: 'subCode',
            labelProp: 'description',
            options: []
        }
    },
    {
        className: …
Run Code Online (Sandbox Code Playgroud)

html javascript css angularjs

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

标签 统计

javascript ×8

jquery ×7

html ×6

css ×2

angularjs ×1

forms ×1

php ×1

twitter-bootstrap ×1