0

ステップフォームを作成しようとしています-他の何かが選択されたときにいくつかのフィールドをトリガー/表示します。

ここに例があります - http://jsfiddle.net/XnPZF/ - 動作しています(開発でも動作します)。

Heroku にプッシュしたときにこれが機能しない理由がわかりません。

これはHerokuのバージョンです。

ログイン資格情報: abc@test.com/test123

そのすぐ下にある他のフィールドをトリガーする必要があるフィールドは、Property_Type & Category です。

以下は、一部のコードのスニペットです。

/views/listings/new.html.erb

<%= simple_form_for @listing, :html => { :class => 'form-horizontal' } do |f| %>
<%= f.error_notification %>
      <fieldset>
            <%= f.association :property_type %>

    <div style="display: none;" data-show-for-prop-type="Multi Family">
      <h4>Multi-Family</h4>
      <%= f.input :taxes %>
      <%= f.input :house_families %>
      <%= f.input :house_extensions %>
      <%= f.input :house_stories %>
      <%= f.input :house_units %>
    </div>

    <div style="display: none;" data-show-for-prop-type="Condo">
      <h4>Condo</h4>
      <%= f.input :taxes %>
      <%= f.input :common_charges %>
    </div>

listings.jsファイル:

$('#listing_property_type_id').on('change', function(){
    var option = $(this).find(':selected');
    $('[data-show-for-prop-type]').hide(); //And maybe reset?
    $('[data-show-for-prop-type='+ option.text() +']').show();
}); 
4

1 に答える 1

1

realty-cloud.herokuapp.com/listings/new でいくつかの JS エラーが表示されます...「Uncaught TypeError: Cannot read property 'oApi' of undefined」. それが問題である可能性があることはほぼ肯定的です。

Dev に問題がなかった理由は、dev では別のアセットだったため、エラーはそのエラーのある 1 つの js ファイルに限定されていたためです。ただし、アセット パイプラインは 1 つにコンパイルされるため、エラーが発生すると残りの実行が停止します。

最善の策は、すべてのコンソール エラーを修正するか、「Uncaugh TypeError」エラーを防ぐために「未定義」チェックを追加することです。

于 2013-01-29T07:48:51.473 に答える