小编anm*_*ree的帖子

我有一组数字输入字段,标记为small&medium ..,以及一组标签为small和medium的div.当您向小数字输入字段添加数字时,文本输入插入后标记为小的div.从小数字输入字段中减去数字时,将删除最近添加的文本输入字段.添加和删​​除文本输入是列表中的最后一个.同样的事情适用于中号字段和中标签/文本字段

请参阅JSFiddle以供参考 http://jsfiddle.net/7PhJZ/53/

现在,当我单击数字字段上的向上或向下按钮时,我的脚本正常工作.但是当我输入小数字字段中的例如5时,标签下只显示一个新的div/name输入字段.当我使用箭头和输入数字时,我需要添加和减去这些输入字段.因此,当我输入"5"时,5个名称/文本输入字段应出现在相关标签下.

HTML:

<div id="product-1">
<div class="size-field">
    <div id="size-label">s</div>
    <div class="number-input">
        <input id="Small" class="product-quantity" type="number" name="Small" 
min="0" max="9999" data-product-id="1"></input>
    </div>
</div>
<div id="size-label">m</div>
<div class="number-input">
    <input id="Medium" class="product-quantity" type="number" 
name="Medium" min="0" max="9999" data-product-id="1"></input>
</div>
<div class="name-number-header">
    <h5>HEADER<h5></div>
<div class="name-number-field-container" data-size="Small">small:
</div>
    <div class="name-number-field-container" data-size="Medium">medium:
</div>
    </div>

<br clear="all">

<div id="product-2">    
<div class="size-field">
    <div id="size-label">s</div>
<div class="number-input">
    <input id="Small" class="product-quantity" type="number" name="Small" 
min="0" max="9999" data-product-id="2"></input>
</div>
 </div>
        <div id="size-label">m</div>
 <div class="number-input">
    <input id="Medium" class="product-quantity" type="number" name="Medium" 
 min="0" max="9999" …

我试图在我的rails应用程序中实现ajax加载图像.

现在我所拥有的是一个加载gif,它在页面加载时,在ajax过程中,然后在ajax完成后消失.中间和最后一部分是我想要的,但我想隐藏这个图像,直到我点击ajax触发链接.

我已经找到了许多方法来做到这一点.我试过的一些是创建一个新的部分,使用带有url标记的js中的ajax代码,数据标记,将图像隐藏在css中然后在ajax start上显示它,但似乎没有任何效果.

这就是我所拥有的:

JS:

$(function() {
    $('.load-ajax').hide()  // hide it initially.
        .ajaxStart(function() {
            $(this).show(); // show on any Ajax event.
        })
        .ajaxStop(function() {
            $(this).hide(); // hide it when it is done.
        });
}); 

视图:

 <div class='load-ajax'></div> ///loading image div///

  <div class="button"> ///ajax trigger link///
        <%= link_to "Generate Mockups",  { :controller => :ideas, :action => 
      :generate_mockups, remote: true, :id => idea.permalink, :class => 'button'} %>
  </div>

CSS:

.load-ajax {
    float:right;
    background-image: image-url("ajax-loader.gif");
    width:150px;
    height:20px;
    background-position: center;
    background-repeat: no-repeat;
} …

如果选中值为1的复选框,我希望自动检查带有值2的复选框.两者都具有相同的ID,因此我无法使用getElementById.

HTML:

<input type="checkbox" value="1" id="user_name">1<br>
<input type="checkbox" value="2" id="user_name">2

我累了:

var chk1 = $("input[type="checkbox"][value="1"]");
var chk2 = $("input[type="checkbox"][value="2"]");

if (chk1:checked)
      chk2.checked = true;

我正在尝试将提交按钮路由到特定路径(页面),但我相信我的语法不准确.

这就是我现在拥有的:

<%= submit_tag('Next (Step 2 of 3)'), customer_index_path %>

我收到错误:

/Users/anmareewilliams/RailsApps/GroupOrderingCopy/app/views/products/index.html.erb:18: syntax error, unexpected ',', expecting ')'
...bmit_tag('Next (Step 2 of 3)'), customer_index_path );@outpu...
...  

我也尝试过这个:

<%= submit_tag'Next (Step 2 of 3)', customer_index_path %> 

并在文本编辑器中没有错误,但得到一个Rails错误,说:

undefined method `stringify_keys' for "/customer/index":String

如何完成将提交路由到特定路径？