该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)
我有一个13位数的值1231234123412,我想用点分割这个数字到下面的模式###.####.####.##.
结果值必须如下 123.1234.1234.12
如何使用javascript,angularjs甚至正则表达式将值分成4个块(###.####.####.##)?
我有一个金额字段,它可以接受像5000和1k,2m,2.5k等字符串的数字,所以我需要转换字符串,如:
1k => 1000
2m => 2000000
2.5k => 2500
Run Code Online (Sandbox Code Playgroud)
等等.这在JavaScript中如何实现?
我的画廊页面上有一个问题.我有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)
我对此代码有疑问:
$(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)
谢谢你的帮助。
基本上我已经使用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)
我试图通过其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标签并删除仅包含该类的其他标签.
有什么办法可以实现吗?
谢谢
我有下面的代码来找到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.是否有可能找到这个?
如果子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) 我在表单字段中使用了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)