小编col*_*ite的帖子

我的Activity模型有一个循环

<% @activities.each do |activity| %>
<div>
    <div class="cell">
        <%= image_tag(activity.image) %>
    </div>
    <div class="cell">
        <h4><%= activity.title %></h4>
        <p><%= activity.description %></p>
        <span><%= activity.distance %></span>
    </div>
</div>
<% end %>  

我想创建一个zig-zag效果,所以我需要为每个偶数活动重新安排HTML,所以标记将如下所示:

<div>
  <div class="cell">
    <h4><%= activity.title %></h4>
    <p><%= activity.description %></p>
    <span><%= activity.distance %></span>
  </div>
  <div class="cell">
    <%= image_tag(activity.image) %>
  </div>
</div>

有没有办法用if语句做到这一点？像这样的东西:

<% if activity.odd? %>
 <% @activities.each do |activity| %>
   <div>
     <div class="cell">
   <%= image_tag(activity.image) %>
 </div>
 <div class="cell">
   <h4><%= activity.title %></h4>
   <p><%= activity.description %></p>
   <span><%= activity.distance %></span>
 </div>
   </div> …

我正在使用rails 3.2.3

我在application.js中包含了以下文件

//= require jquery.purr
//= require best_in_place

它现在看起来像这样

//= require jquery
//= require jquery_ujs
//= require jquery.purr
//= require best_in_place
//= require_tree

我收到一个错误说:

找不到文件'jquery.purr'

我正在使用Javascript绘制div并在构建时添加各种属性.我可以使用id,类和样式属性,但它只是忽略了"contenteditable".

var elemText = document.createElement('div');
elemText.className = 'elem';
elemText.style.background = "none";
elemText.id = "elementID";
elemText.contenteditable = "true";

我也试过了

elemText.attributes['contenteditable'] = "true";

仍然没有快乐.

.slider我使用 JS在单击元素时应用 CSS 转换。我可以在 Chrome、Safari 和 FF 上使用它，但在 iOS (ipad) 上，滑块 div 不会滑动，它只是闪烁。它正确移动到应有的位置，但没有幻灯片过渡。它只是消失几毫秒，然后重新出现在正确的位置。

超文本标记语言

<div class="slider" style="-webkit-transform: translateX(0); transform: translateX(0);"></div>

JS

$('.right-arrow').click(function() {
    var slider_margin = parseInt($(this).closest('.slider').css('transform').split(',')[4]);
    var new_margin = slider_margin - pane_width;
    $(this).closest('.slider').css('-webkit-transform','translateX('+new_margin+'px)');
});

我尝试向所有.sliderdiv 添加冗余 3D 变换，以使浏览器使用硬件加速，但这没有帮助。

.slider {
    -webkit-transform : translateZ(0); 
    -o-transform : translateZ(0); 
    -moz-transform : translateZ(0); 
    transform : translateZ(0);
}

其他潜在原因是我正在使用-webkit-tap-highlight-color:rgba(0,0,0,0);某些元素，但我尝试删除它但没有帮助。

如果有帮助，这里有一个实时应用程序的链接。 http://taxhug.herokuapp.com/quiz

所以Heroku整天都在沮丧,当然我没有意识到这一点,直到我对我的应用程序进行了大量的更改.现在Heroku回来了,我的应用程序坏了.

这是一个随机文本块,使stackoverflow认为我已经更好地解释了我的代码块,因为它们不会让我发布.

这是我的heroku日志:

2012-06-30T22:58:31+00:00 app[web.1]:   app/helpers/application_helper.rb:23:in `landing_photo'
2012-06-30T22:58:31+00:00 app[web.1]:   app/views/pages/home.html.erb:3:in `_app_views_pages_home_html_erb__3529485503375966156_14193960'
2012-06-30T22:58:31+00:00 app[web.1]: 
2012-06-30T22:58:31+00:00 app[web.1]: 
2012-06-30T22:58:31+00:00 heroku[router]: GET jasonmccarthy.ie/ dyno=web.1 queue=0 wait=0ms service=195ms status=500 bytes=643
2012-06-30T22:58:31+00:00 heroku[nginx]: 194.46.182.60 - - [30/Jun/2012:22:58:31 +0000] "GET / HTTP/1.1" 500 643 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_4) AppleWebKit/536.11 (KHTML, like Gecko) Chrome/20.0.1132.47 Safari/536.11" jasonmccarthy.ie
2012-06-30T22:58:48+00:00 heroku[run.1]: Awaiting client
2012-06-30T22:58:48+00:00 heroku[run.1]: Starting process with command `bundle exec rake db:migrate`
2012-06-30T22:58:48+00:00 heroku[run.1]: State changed from starting to up
2012-06-30T22:58:54+00:00 heroku[run.1]: Process exited with status …

我希望防止输入焦点onclick并双击焦点输入.

就像是....

$('input').click(function) {
    $(this)preventFocus();
});

$('input').dblclick(function) {
    $(this)focus();
});

或者我应该使用if语句？

我的兄弟告诉我,我需要在我的应用程序上安装Amazon S3才能使用Paperclip.但是,我只是将我的应用程序推送到Heroku生产服务器,我可以上传图像没问题.我没有安装S3.

我有与Sorcery合作的身份验证.当用户注册时,我想自动登录.

User_controller

def create
@user = User.new(params[:user])

if @user.save
  flash[:success] = "Welcome to Christian"
  redirect_to root_url
else
  render :new
end

结束

我正在尝试为一个将www.site.com重定向到site.com的网站获得Chrome扩展程序

此清单文件有效.

{
"name" : "MySite Redesign",
"version": "0.1",
"manifest_version": 2,
"description" : "Improves MySite visual design to make the interface cleaner.",
"content_scripts" : [{
    "matches" : ["*://www.mysite.com/*"],
    "css" : ["style.css"]
  }]
}

事实并非如此

{
"name" : "MySite Redesign",
"version": "0.1",
"manifest_version": 2,
"description" : "Improves MySite visual design to make the interface cleaner.",
"content_scripts" : [{
    "matches" : ["mysite.com/*"],
    "css" : ["style.css"]
  }]
}

错误如下:

"无法从'/ Users/colmtuite/dev/mysite-extension'加载扩展名.'intent_scripts [0] .matches [0]'的值无效:缺少方案分隔符."

我正在尝试编写一个可重用的脚本，用于在单击时切换元素的文本。

我可以点击它，但无法切换回去。我的if语句有问题吗？

<span class="js-textEdit" data-text="Show less">Show more</span>


$('.js-textEdit').click(function() {
  var oldText = $(this).text();
  var newText = $(this).attr('data-text');

  if ($(this).text(oldText)) {
    $(this).text(newText);
  } else {
    $(this).text(oldText);
  }
});

这是一个JSFIddle

另外，有没有更干净的方法来重构它？我使用数据属性来确定新文本，而不是使用ID并为要使用的每个元素编写单独的脚本。数据属性方法是一种好方法吗？

document.getElementsByClassName('big-button')[0,1,2].style.display = "inline-flex";

我正在尝试将该样式应用于与类名匹配的所有/任何元素.我试过,[0,1,2]因为我只有3个实例,但它只针对第三个实例.

这不需要在生产中工作.就在Chrome中.这只是原型设计.