0

IbuttonsなどのjQuery要素は、ajax動的コンテンツローダーを介して動的に読み込まれると機能しません

私のサイト全体は、このようにAjaxを介して完全にレンダリングされます

<html>
<header>
{jQuery}
</header>
<form method="post" action="" id="ajaxLoader" name="ajaxLoader" enctype="multipart/form-data">
          <div id="Webpage"><!-- Ajax loader output --></div> </form>
</html>

これで、Ajaxローダーがブラウザーによってロードされた後、コンテンツがロードされ、＃Webpageに出力されます。

[..]
<form method="post" action="" id="ajaxLoader" name="ajaxLoader" enctype="multipart/form-data">
              <div id="Webpage">{Content with jQuery plugins like ibuttons}</div> </form>
[...]

これで、私のコンテンツ（jQuery要素を含む）は、ajaxローダーの有無にかかわらず完全に機能しますが、ajaxローダーでロードされた場合はjqueryプラグインが機能しません。助けてください

4

2 に答える 2

2

プラグインをで再初期化する必要があるかもしれません

$("#my_button_id").iButton();

まだロードしていない場合は、ajaxのロードが完了した後。

編集<body>：簡単なヒント：ページのではなく、最後にJavaScriptを配置することをお勧めします<head></head>。

于 2013-02-01T04:00:15.753 に答える
1

Webページを動的にロードする場合、そのページのjqueryスクリプトは登録されません。を使用jQuery.getScript()して登録してください。

http://api.jquery.com/jQuery.getScript/のドキュメント

于 2013-02-01T03:56:54.647 に答える