小编sty*_*ler的帖子

我使用锚标签创建了一个假文件输入,并在此旁边放置了一个隐藏文件输入,我想使用jquery将一个click事件添加到锚标签,触发激活隐藏的输入框但我不完全确定如何实现这一点,如果有人能给我一些很好的建议.

这是我目前的努力http://jsfiddle.net/kyllle/CdXP9/

我想我可能已经离开了这个,我会喜欢一些关于如何实现这一目标的建议

凯尔

我在我的网站上使用css媒体查询,我使用display:none来隐藏一些元素.虽然这在完全隐藏元素方面起到了作用,但它仍然存在于DOM中.有没有什么方法可以用来从DOM中完全删除元素？

我正在为我的视网膜显示媒体查询创建一个精灵,用于iPhone 4的图像尺寸加倍,这大大增加了文件大小.我特别想要增强的元素是按钮和主要标志.结合这些使得精灵非常大,所以我应该单独保存每个按钮,使它们都低于25kb？

这篇文章适合任何可能不了解这个25kb限制的人:http://www.yuiblog.com/blog/2008/02/06/iphone-cacheability/

欢迎所有建议,谢谢

我想使用以下代码删除wordpress网站上的一些仪表板菜单选项卡:

//Remove some menu options
function remove_menus () {
global $menu;
    $restricted = array(__('Dashboard'), __('Posts'), __('Media'), __('Contact'), __('Links'), __('Pages'), __('Appearance'), __('Tools'), __('Users'), __('Settings'), __('Comments'), __('Plugins'));
    end ($menu);
    while (prev($menu)){
        $value = explode(' ',$menu[key($menu)][0]);
        if(in_array($value[0] != NULL?$value[0]:"" , $restricted)){unset($menu[key($menu)]);}
    }
}
add_action('admin_menu', 'remove_menus');

目前这将从所有用户角色中删除菜单,如何更新此菜单才能应用于编辑器？

我也得到了这段代码,但不知道如何将它与我所拥有的相结合:

$editor = get_role('editor');
$editor->remove_cap('publish_pages');

我想将点击的href附加到我的.load方法的url字符串并加载到我调用的页面的特定部分,不幸的是,当我附加变量时,很多元素似乎在我的页面上重复了？

基本上我希望我的.load方法看起来像.load('http://localhost/folio1.html #inner');

但我当前的代码加载到所有folio1.html页面:

来自对象wcd的片段:

instance.selectors.banner.load('http://localhost/'+url+'#inner');

$('a').on('click', function(e){
    var url = $(this).attr('href');
    wcd.toggleBanner(url);

    e.preventDefault();
  });

有人可以建议我如何将url变量附加到.load url并仅检索#inner中的内容吗？

我基本上试图摆脱程序js方法,所以试图更多地使用对象.我在我的整个对象中设置了一个对象来缓存选择器和设置变量等,但我似乎遇到了问题.目前我在运行此代码时遇到2个错误,告诉我.length和.children都是未定义的.有人可以解释设置这些的正确方法,以便可以使用jquery方法吗？

JS

var bop = {

        els: {
           // cache selectors ...
            grid: $( '#grid' ),
            box: this.grid.children(),
            box_l: this.box.length,
            start_btn: $( '#start' ),
            counter: $( '#counter' ),
            sequence: 5            
        }
}

我使用SASS将宽度尺寸转换为基于元素宽度和容器宽度的%,我的问题是,如果我在计算结束时添加%,我得到一个错误,任何人都可以建议我如何解决这个问题？

@mixin percentageWidth( $elementWidth, $containerWidth ){
  width: (($elementWidth/$containerWidth)*100) + %;
  *width: ((($elementWidth/$containerWidth)*100) - ((0.5/$containerWidth)*100)) + %;
}

我正在尝试使用以下函数将我的虚线日期 2013-12-11 转换为 2013/12/11：

function convertDate(stringdate)
{
    // Internet Explorer does not like dashes in dates when converting, 
    // so lets use a regular expression to get the year, month, and day 
    var DateRegex = /([^-]*)-([^-]*)-([^-]*)/;
    var DateRegexResult = stringdate.match(DateRegex);
    var DateResult;
    var StringDateResult = "";

    // try creating a new date in a format that both Firefox and Internet Explorer understand
    try
    {
        DateResult = new Date(DateRegexResult[2]+"/"+DateRegexResult[3]+"/"+DateRegexResult[1]);
    } 
    // if there is an error, catch it and try to …

我开始使用柔性盒但是不确定如何在柔性容器内设置一个位于右侧的元件？我尝试过申请align-self: flex-end并justify-content: flex-end没有成功,所以我希望有人可以帮助我吗？

CSS

.ctn {
  background: lightblue;
  height: 100px;
  padding: 10px;
  display: flex;
  align-items: center;
}

.btn {
  outline: none;
  border: none;
  color: navy;
  background: lightyellow;
  height: 50px;
  line-height: 50px;
  width: 200px;
  text-transform: uppercase;
}

Codepen: http ://codepen.io/styler/pen/pvJFA

我正在设置一个提交联系表单的模型,所以我抓住所有输入值,创建一个对象文字,然后在模型上设置它.我有一个change事件监听器,然后输出一个摘要屏幕.我还有一个清除模型的重置按钮,并将模型重置为默认值.我的问题是,此重置还会触发更改事件,然后显示摘要屏幕,这是我不想要的.有可能阻止这种情况吗？

我的骨干视图的例子

initialize: function() {
        console.log('ContactForm::initialize');

        this.listenTo(this.model, 'invalid', this.onModelInvalid);
        this.listenTo(this.model, 'change', this.onModelSet);
    },
onFormSubmit: function(event) {

        event.preventDefault();

        var inputs = this.el.querySelectorAll('.js-input');

        this.setModelData(inputs);
    },

    setModelData: function(elements) {

        var attributes = {};

        for (var i = 0, len = elements.length; i < len; i++) {

            var thisInput = elements[i],
                thisInputValue = thisInput.value;

            attributes[thisInput.id] = thisInputValue;
        }

        this.model.set(attributes, { validate: true });
    },

    /*
     *  this.model returned, this model will contain an array of validation errors accessed via this.model.validationError
     *  loop …