2

オーバーレイ内にフォームを表示しようとしています。フォームはajaxを介してロードされます。これはすべてFirefox3.xで正常に機能します。

しかし、Safari 5.0（5533.16）では、オーバーレイはajaxリクエストを表示しますが、作成せず、htmlリクエストを作成します。

これが、jsで構成し、次にdocument.readyでModalPostForm.init（）を呼び出す方法です。

パスティ-http ://pastie.org/1196064

var ModalPostForm = {
    init: function(){
        $("a[rel='#post_overlay']").each(function(){
            //alert($(this).attr('href'));
            $(this).overlay({
                closeOnClick: false,
                target: '#post_overlay',
                fixed: false,
                onBeforeLoad: function() {
                    // grab wrapper element inside content
                    var wrap = this.getOverlay().find(".contentWrap");
                    // load the page specified in the trigger
                    wrap.load(this.getTrigger().attr("href"));
                },
                onLoad: function() {
                    setTimeout("configurePostForm(200, 1000, 150)", 500);
                },
                onClose: function() {
                    $('.contentWrap').empty();
                }
            });
        });
    },

    close: function(){
        $("a[rel='#post_overlay']").each(function(){
            var ol = $(this).data("overlay");
            if(ol.isOpened()){
                ol.close();
            }
        });
    }
};

これが私のhtmlです

<div id="post_overlay" class="new-post-overlay span-12" style="top: 54.3px; left: 429px; position: absolute; display: none;"><a class="close"></a>
  <div style="display: none;" id="form_loading" class="">
    <div class="loading-inner-center"></div>
  </div>
  <div id="" class="contentWrap"></div>
</div>

なぜhtmlリクエストを発行するのですか？

ありがとう

アップデート

これは、コントローラーアクションでrailsrespond_toブロックのformat.htmlブロックを削除するとなくなります。

なぜそれがhtmlリクエストを送信するのか、なぜrailsがそれをhtmlリクエストであると考えるのかという疑問は残ります。実際にjsを実行できないブラウザーの場合は、そのブロックを削除したくありません。

問題を引き起こす新しいアクション

        respond_to do |format|
#            format.html # new.html.erb
            format.js {

            }
#            format.xml  { render :xml => @post }
        end

これも問題の原因となる編集アクションです。newメソッドとeditの両方がたまたま「get」メソッドです。

#            format.html {
#                if @edit
#                    #
#                    setup_post_items(true)
#                else
#                    flash[:error] = 'Sorry no further edits, Post has already been approved.'
#                    redirect_back_or_default root_url
#                end
#            }
            format.js {
                if !@edit
                    flash[:error] = 'Sorry no further edits, Post has already been approved.'
                end
            }
4

1 に答える 1

2

また、format.html ブロッ​​クが js リクエストをキャッチする場合があることにも気付きました。この問題を回避するために私が使用した方法は 2 つあります (次のいずれかで解決します。両方を行う必要はありません)。

a) JavaScript で、ターゲットの href に「.js」を追加します。例えば：

if ( ! /\.js/.test($this.attr('href')) ) {
  $this.attr('href', function(index, href) {
    return href.replace(/([^\?]+)(.*)/, '$1.js$2');
  });
}

b) コントローラで、format.html ブロッ​​クの前に format.js ブロックを配置して、javascript リクエストが html ブロッ​​クに一致する前に js ブロックに一致するようにします。

于 2010-11-05T18:56:30.300 に答える