1

こんにちは、Rails アプリをコーディングしているときに非常に奇妙な問題があり、次のように sth を実行しようとしています。

if ($('.btnModal').exists()) {
  $('.btnModal').bind('click', function() {
    var $modal, fadeTime, modalCustomClass;

    $modal = $('#myModal');
    fadeTime = 1000;
    modalCustomClass = $(this).data('modal_content_selector').substring(1);
    $modal.removeClass(modalCustomClass).addClass(modalCustomClass);

    alert(modalCustomClass);
    alert($($(this).data('modal_content_selector')).html());
    alert($(this).data('modal_content_selector'));

    return $('.modal-body').html($($(this).data('modal_content_selector')).html());
  });
}

この行$modal.removeClass(modalCustomClass).addClass(modalCustomClass)により、次の状況が発生します。

2 番目のアラートは selctor .modal-body の html を表示しますが、この行がなくても状況は正しく、前述のセレクターはページ内にあるフォームの html を表示します。live および delagate メソッドについて sth を読みましたが、ここでそれらを使用する方法がわかりません

編集：そこにあります：これはカタログのショーです：

- provide(:title, "#{ current_catalog.name }")
= render 'shared/desktop'
= render 'shared/file_upload'

これはモーダルパーシャルです:

      .modal.hide#myModal{ overflow: 'hidden', tabindex: '-1', role: 'dialog', 'aria-        hidden' => 'true' }
        .modal-body
           TEST

特定のボタンがあるサイドバーの一部:

          %li
            %a.btn.btnModal{ href: "#myModal", role: 'button', data: { toggle: 'modal',   'modal_content_selector' => '.file_upload' }, remote: 'true'}
              %i.icon-file
              New

別の編集：

レンダリングされたページ全体の html は次のとおりです。

全てのページ

4

1 に答える 1

0

私はちょうど悟りを得て、私がこの removeClass.addClass をページに持っているものを実行した後、同じクラスを持つ2つの要素があることに気付きました。次のような sth: alert($($(this).data('modal_content_selector') + ':last').html()); トリックを行う必要があります:D

于 2012-10-04T07:10:31.140 に答える