小编Tho*_*mas的帖子

取消选中所有其他复选框

当用户单击复选框时,我需要清除所有其他复选框.与单选按钮几乎相同的行为.用户单击复选框"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  + &pound;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  + &pound; 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 + &pound;400.00</label></span> 
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

8
推荐指数
1
解决办法
8684
查看次数

使用jquery动态设置位置

我需要使用一个位置的偏移坐标来动态设置第二个元素的位置("#test").

    var p = $("#desired_equity");
    var position = p.offset();

  $(document).ready(function(){
    $('#test').css("left", position.left);
    });
Run Code Online (Sandbox Code Playgroud)

我不知道我在这里错了什么,有什么想法吗?

javascript css jquery

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

在backbone.js中同步整个模型集合

我试图将整个模型集合同步到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)

jquery backbone.js

7
推荐指数
1
解决办法
9971
查看次数

IE7滚动条不起作用

我正在修复IE7的错误,这个让我难过.此页面中的内容大于其包含的div.IE7正确显示垂直滚动条,但内容位于垂直滚动条的顶部,当用户单击滚动按钮时,内容不会移动.我无法想象造成这种情况的原因.有任何想法吗?

编辑:我附上了问题的截图: 替代文字http://img31.imageshack.us/img31/605/picture5kw.png

html css scrollbar internet-explorer-7 internet-explorer-6

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

在html5中围绕中心轴旋转内容

所以我是一个图形设计师,我被要求为客户的新网站开发一个概念.它是一个内容有限的微站点.我想出的想法是将网站的所有部分放在div上,然后在用户点击菜单链接时像轮子一样旋转它们.我需要知道的是:是否可以使用html5围绕中心枢轴点旋转包含正常内容的整个div?需要对旋转进行动画处理,每个旋转div中包含的内容需要与其容器div一致旋转.如果有可能,怎么样?

在此输入图像描述

我用Google搜索并找到了用CSS3旋转东西的例子,我看到了html5转换,但我不确定我以前看过任何这种复杂的东西,我找不到任何可以解决的例子.所以我有点担心它实际上不可能出于某种原因.我也愿意使用类似javascript的东西来实现这一目标.

html javascript jquery html5 css3

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

Hidden Div中的NicEdit调整得很小

我试图使用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%?

html javascript jquery nicedit

5
推荐指数
2
解决办法
6901
查看次数

Javascript测试是否设置了变量

通常,我测试变量是否设置为这样的:

if (variable !== '') {

   do something...

}
Run Code Online (Sandbox Code Playgroud)

我知道还有其他测试变量的方法,typeof但我没有看到任何优势 - 这是测试变量是否设置的合适方法吗?我应该注意哪些问题?

javascript

5
推荐指数
2
解决办法
2万
查看次数

将文本与div的中心对齐

我有一个大约200px x 40px的div.有时这个块将包含一行文本,有时它将包含两行.在它包含2行文本的情况下,我调整了行高,使其在div内看起来平衡.但是,如果只有一行文本,则文本与div的顶部对齐,底部为空.

相反,我希望单行文本在div内垂直居中显示.设置它的最佳方法是什么?我应该将文本放在辅助元素中<p>,然后尝试应用vertical-align: middle吗?似乎应该有一种更简单,更简化的方法来实现这一目标.有任何想法吗?

html css layout

4
推荐指数
1
解决办法
547
查看次数

将下拉菜单转换为单选按钮,无需修改HTML

所以这是一种特殊的情况 - 我有一个插件,我不能出于合同原因修改.它显示一组下拉菜单,我需要它来显示一组单选按钮.是否有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)

html javascript css jquery

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

检查变量是否为空

我有一些用户提交的变量,我想将它们显示在网站的不同部分,如下所示:

<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 业务的全部内容。

html php forms

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