0

私はこれを何年もの間機能させようとしてきましたが、SOの質問/回答をたくさん試しましたが、あまりうまくいきませんでした。

私はもともと 2 つの問題を抱えていたと思います。

私は JotForm (プロトタイプを使用する簡単なフォーム クリエーター) を使用しています。私が持っているのは、外部ファイルから html スニペットを取り込む verticle ajax スタイル メニューを作成する Facebook スタイル メニュー ( AjaxFlagMenu ) です (私の場合、すべて Jotform フォームが含まれています)。

メニューを含む「メイン」ページの上部には、次のものがあります。

<script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
<script type="text/javascript" src="/js/jquery.corner.js"></script>
<script type="text/javascript" src="/js/jquery.flagmenu.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($){
    var Menu = $("#_Menu").AjaxFlagMenu({
    Caption:'Manage Profile',
    CaptionClass:'CaptionClass',
    onOutClass:'onOutClass',
    onOverClass:'onOverClass',
    onClickClass:'onClickClass',
    hscOutClass:'hscOutClass',
    hscClickClass:'hscClickClass',
    Loading_gif:'/images/loading.gif',
    ajaxContent:'ajaxContent'
    });
    //Basic
    Menu.add({
        Title:'Basic Info',
        onOutIcon:'/images/icon-vcard-c.png',
        onClickIcon:'/images/icon-vcard-d.png',
        HtmlSatusContent:'',
        url:'/instructor/pages/mp-basic.php',
        data:''
    });
    //Profile Picture
    Menu.add({
        Title:'Profile Picture',
        onOutIcon:'/images/icon-camera-c.png',
        onClickIcon:'/images/icon-camera-d.png',
        HtmlSatusContent:'',
        url:'/instructor/pages/mp-photo.php',
        data:''
    });
    //Pricing and Offers
    Menu.add({
        Title:'Pricing and Offers',
        onOutIcon:'/images/icon-pound-c.png',
        onClickIcon:'/images/icon-pound-d.png',
        HtmlSatusContent:'',
        url:'/instructor/pages/mp-pricing.php',
        data:''
    });
    //Services
    Menu.add({
        Title:'Services',
        onOutIcon:'/images/icon-services-c.png',
        onClickIcon:'/images/icon-services-d.png',
        HtmlSatusContent:'',
        url:'/instructor/pages/mp-services.php',
        data:''
    });
    //Bio and Additional
    Menu.add({
        Title:'Bio and Additional',
        onOutIcon:'/images/icon-bio-c.png',
        onClickIcon:'/images/icon-bio-d.png',
        HtmlSatusContent:'',
        url:'/instructor/pages/mp-bio.php',
        data:''
    });
    $("#_td").corner("4px");
});
</script>
<script src="/js/jotform/prototype.js?v=3.1.92" type="text/javascript"></script>
<script src="/js/jotform/protoplus.js?v=3.1.92" type="text/javascript"></script>
<script src="/js/jotform/protoplus-ui.js?v=3.1.92" type="text/javascript"></script>
<script src="/js/jotform/jotform.js?v=3.1.92" type="text/javascript"></script>
<script src="/js/jotform/calendarview.js?v=3.1.92" type="text/javascript"></script>

次に行う必要があるのは、メニュー項目がクリックされて他のページから HTML が読み込まれたときJotForm.init();に、JotForm 検証機能を有効にするために実行する必要があることです。alert("Hello World");ただし、呼び出されたページで作業することさえできないようです。

どんな助けでも素晴らしいでしょう！ありがとうございました！

4

2 に答える 2

1

AjaxFlagMenu.js では、次の行で ajax が実行されます。

//Ajax
var _XMLHTTPRequest = $.ajax({type: "GET",url:_url,data:_data });

dataType: "html"次のように追加してみてください。

//Ajax
var _XMLHTTPRequest = $.ajax({type: "GET",url:_url,data:_data,dataType: "html" });

これにより、AJAX 経由でロードした JavaScript が評価されます。

ここで詳細を確認できます: http://api.jquery.com/jQuery.ajax/#options

後で編集

問題は、AjaxFlagMenu が ajax 応答から JavaScript を評価しないことです!

于 2010-12-14T12:48:56.083 に答える
0

代わりに JotForm Iframe コードを使用してください。取得方法は次のとおりです。JotForm Form Builder でフォームを開きます。

  1. ツールバーの「設定と共有」タブを開き、
  2. 「共有フォーム」をクリック
  3. 「高度なオプション」をクリックします
  4. [iFrame コード] をクリックして、フォーム コードをサイトにコピーします。
于 2010-12-14T13:58:39.160 に答える