小编tec*_*ker的帖子

我很想使用Paul Irish的HTML5样板,但我遇到了css问题.

我希望标题在页面顶部是齐平但我不能容器div增加一个我无法摆脱的差距.

我认为这与页脚的clearfix有关.我尝试过为页脚和容器div尝试不同的填充大小,但无济于事.

这是html代码:

<header>
  <p> header content </p>
</header>

<div id="main" role="main">

</div>
<footer>
  <p> footer content </p>
</footer>

我的自定义CSS:

#container {
    background-color:orange;
    padding:1px; /* can't be zero */
    margin:0; 
}

footer {
    margin: 1px 0;
}

body {
    width:960px;
    margin:0 auto;
    background:blue;
    padding:0;
}

我想使用jQuery的.delegate()方法,因为我读过它比.live()执行得更好.

但是,当我使用.delegate()时,它不会将事件绑定到加载了ajax的内容.

任何人都可以帮我.delegate()工作吗？或者我是否坚持使用较慢的.live()来加载ajax内容？

   var randomObject = {

     'config' : {
       'form' : '#someform',
       'select' : '#someselect',
       'container' : '#pagecontainer'
     },


     'init' : function() {  

        randomObject.formEffects();
        randomObject.ajaxFormSubmit();    
    },


     'formEffects' : function() {

        ////////////// DELEGATE WON'T WORK on AJAX loaded content!
        //$('randomObject.config.form).delegate('select', 'change', function() {
        $(randomObject.config.select).live('change', function() {
           $(this).closest('form').trigger('submit');
        });
     },


     'ajaxFormSubmit' : function($form) { 

        $(randomObject.config.container).load($form.attr('action')+' '+randomObject.config.container, $form.data('form_values'), function(response, status, xhr){
           alert('updated!');
        });
     }, 

  };

出于某种原因,我无法使用简洁的流控制语法来使用jQuery.以下引发错误:

$(this).hasClass('expanded') && return

虽然这个更长的版本工作正常:

if ($(this).hasClass('expanded')) { return}

任何想法为什么第一个抛出错误？