我已经分离了一个IE7 z-index错误的小测试用例,但不知道如何修复它.我z-index一整天都在玩.
z-indexIE7有什么问题?
测试CSS:
input {
border: 1px solid #000;
}
div {
border: 1px solid #00f;
}
ul {
border: 1px solid #f00;
background-color: #f00;
list-style-type: none;
margin: 0;
padding-left: 0;
z-index: 1000;
}
li {
color: #fff;
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
span.envelope {
position: relative;
}
span.envelope ul {
position: absolute;
top: 20px;
left: 0;
width: 150px;
}
Run Code Online (Sandbox Code Playgroud)
测试HTML:
<form>
<label>Input #1:</label>
<span id="envelope-1" class="envelope">
<input name="my-input-1" id="my-input-1" />
<ul>
<li>item</li> …Run Code Online (Sandbox Code Playgroud) 如何验证不在表单标记内的某些输入?
我找到的所有样本都有一个表单标签,但我想验证一些不在表单内的输入.
我在使用jquery验证插件(http://jqueryvalidation.org)和jquery ui对话框时遇到了问题.我在这里读到:jQuery UI Dialog验证没有使用<form>标签, 但建议的仍然不起作用.
下面是我的jQuery:
$( '#addModal' ).dialog({
autoOpen: false,
modal: true,
buttons: {
'Create': function() {
$( '#addForm' ).validate({
rules: {
titleAdd: { required: true },
descriptionAdd: { required: true }
},
submitHandler: function( form ) {
$( this ).dialog( 'close' );
// ... AJAX call
} //end submitHandler
}); //end validate()
},
Cancel: function() {
$( this ).dialog( 'close' );
}
} //end buttons
}); //end Create Form Modal
Run Code Online (Sandbox Code Playgroud)
下面是HTML:
<div id="addModal" title="Add new …Run Code Online (Sandbox Code Playgroud)