当用户单击复选框时,我需要清除所有其他复选框.与单选按钮几乎相同的行为.用户单击复选框"A",复选框"B"和"C"均未选中.我正在使用jquery但我无法弄清楚如何实现这一目标.有任何想法吗?
以下是如何设置复选框:
<div class="sales_block_one">
<span class="sales_box_option_set"><input type="checkbox" value="1" id="exopt10i11553501716" name="optset[0][id]" /><label for="exopt10i11553501716">Test + £100.00</label></span>
<span class="sales_box_option_set"><input type="checkbox" value="2" id="exopt11i21553501716" name="optset[1][id]" /><label for="exopt11i21553501716">Test + £ 200.00</label></span>
<span class="sales_box_option_set"><input type="checkbox" value="3" id="exopt12i31553501716" name="optset[2][id]" /><label for="exopt12i31553501716">Test 3 + £400.00</label></span>
</div>
Run Code Online (Sandbox Code Playgroud) 我需要使用一个位置的偏移坐标来动态设置第二个元素的位置("#test").
var p = $("#desired_equity");
var position = p.offset();
$(document).ready(function(){
$('#test').css("left", position.left);
});
Run Code Online (Sandbox Code Playgroud)
我不知道我在这里错了什么,有什么想法吗?
我试图将整个模型集合同步到backbone.js中的服务器.我想将一个JSON包发布到包含所有集合模型属性的服务器.这应该很简单,但我不确定我做错了什么:
var RegisterCollection = Backbone.Collection.extend({
initialize: function () {_(this).bindAll('syncCollection');},
model: RegisterModel,
url: 'api/process.php',
updateModel: function(registerModel) {
var inputName = '#'+registerModel.get('inputName');
var userInput = $(inputName).val();
registerModel.set({value: userInput});
},
syncCollection: function(registerModel) {
this.sync();
}
});
var RegisterCollectionView = Backbone.View.extend({
el: "#register",
events: {
"click #submit" : "validate"
},
validate: function(e) {
e.preventDefault();
$("#register").valid();
if ($("#register").valid() === true) {
this.updateModels();
this.collection.syncCollection();
}
},
updateModels: function (){
this.collection.forEach(this.collection.updateModel, this);;
},
initialize: function(){
this.collection.on('reset', this.addAll, this);
},
addOne: function(registerModel){
var registerView = new RegisterView({model: registerModel}); …Run Code Online (Sandbox Code Playgroud) 我正在修复IE7的错误,这个让我难过.此页面中的内容大于其包含的div.IE7正确显示垂直滚动条,但内容位于垂直滚动条的顶部,当用户单击滚动按钮时,内容不会移动.我无法想象造成这种情况的原因.有任何想法吗?
编辑:我附上了问题的截图: 替代文字http://img31.imageshack.us/img31/605/picture5kw.png
所以我是一个图形设计师,我被要求为客户的新网站开发一个概念.它是一个内容有限的微站点.我想出的想法是将网站的所有部分放在div上,然后在用户点击菜单链接时像轮子一样旋转它们.我需要知道的是:是否可以使用html5围绕中心枢轴点旋转包含正常内容的整个div?需要对旋转进行动画处理,每个旋转div中包含的内容需要与其容器div一致旋转.如果有可能,怎么样?

我用Google搜索并找到了用CSS3旋转东西的例子,我看到了html5转换,但我不确定我以前看过任何这种复杂的东西,我找不到任何可以解决的例子.所以我有点担心它实际上不可能出于某种原因.我也愿意使用类似javascript的东西来实现这一目标.
我试图使用NicEdit编辑器隐藏在div中的textarea.当用户单击按钮时,将显示目标textarea的父div.textarea的宽度设置为父div的100%.问题是父div被隐藏,因此textal在显示父div之前没有宽度.如果我尝试在显示它的父div的同时附加NicEdit编辑器,编辑器看起来很小.
<script type="text/javascript">
function add_task_editor() {
new nicEditor({buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript','ul','link']}).panelInstance('task_description');
};
$('#trigger_it').click(function (e) {
$('#parent_div').show();
add_task_editor();
});
</script>
<div id="parent_div" style="display: none;">
<textarea id="task_description"></textarea>
</div>
Run Code Online (Sandbox Code Playgroud)
有没有办法解决这个问题,以便编辑器的宽度在加载后设置为父div的100%?
通常,我测试变量是否设置为这样的:
if (variable !== '') {
do something...
}
Run Code Online (Sandbox Code Playgroud)
我知道还有其他测试变量的方法,typeof但我没有看到任何优势 - 这是测试变量是否设置的合适方法吗?我应该注意哪些问题?
我有一个大约200px x 40px的div.有时这个块将包含一行文本,有时它将包含两行.在它包含2行文本的情况下,我调整了行高,使其在div内看起来平衡.但是,如果只有一行文本,则文本与div的顶部对齐,底部为空.
相反,我希望单行文本在div内垂直居中显示.设置它的最佳方法是什么?我应该将文本放在辅助元素中<p>,然后尝试应用vertical-align: middle吗?似乎应该有一种更简单,更简化的方法来实现这一目标.有任何想法吗?
所以这是一种特殊的情况 - 我有一个插件,我不能出于合同原因修改.它显示一组下拉菜单,我需要它来显示一组单选按钮.是否有js/jquery方法将下拉列表转换为单选按钮,而无需更改HTML.记住,我可以添加内容 - 我可以直接修改插件(以及HTML).
我知道这是一个糟糕的方法,相信我,我不喜欢它比你做的更多.
可能通过检测下拉选项的值,然后将它们重新格式化为单选按钮,隐藏原始下拉列表?
<form action="http://example.net/store/cart/" method="post" class="shopp product">
<ul class="variations">
<li>
<label for="options-1">Music Download</label>
<select name="products[117][options][]" class="category-catalog product117 options" id="options-1">
<option value="">Select an option</option>
<option value="1">Full Album</option>
<option value="7">Theme</option>
<option value="8">Simian Segue </option>
<option value="9">DK Island Swing</option>
<option value="10">Cranky's Theme</option>
<option value="11">Cave Dweller Concert</option>
<option value="12">Bonus Room Blitz</option>
<option value="13">Aquatic Ambiance</option>
<option value="14">Candy's Love Song</option>
<option value="15">Bad Boss Boogie</option>
<option value="16">Mine Cart Madness</option>
<option value="17">Life in the Mines</option>
<option value="18">Voices of the Temple </option>
</select>
</li> …Run Code Online (Sandbox Code Playgroud) 我有一些用户提交的变量,我想将它们显示在网站的不同部分,如下所示:
<div class="pre_box">Term: </div>
<div class="entry"><?php $key='term'; echo get_post_meta($post->ID, $key, true); ?></div>
Run Code Online (Sandbox Code Playgroud)
有时,这些变量可能为空,在这种情况下我不想显示空变量的标签。在上面的示例中,我想隐藏该<div class="pre_box">Term: </div>部分。有没有一些简单的方法来检查像上面这样的 php 变量是否为空并阻止显示标签?
更新,这里是使用 !empty 的代码
<?php $key='term' ?>
<?php if( !empty( $key ) ): ?>
<div class="pre_box">Term: </div>
<div class="entry">
<?php echo get_post_meta($post->ID, $key, true); ?>
</div>
<?php endif; ?>
Run Code Online (Sandbox Code Playgroud)
但是,无论如何,这仍然会显示内容。我认为问题可能出在我定义 $key 变量的方式上。我试图从 WordPress 帖子中设置的自定义字段中提取数据 - 这就是 $post->ID 业务的全部内容。