0

Google 画像検索に似た独自の無限スクロールを作成しました。すべてが正常に動作します。特にjavascript関数を含む複数の行である場合に、javascriptにhtmlコードを追加する別の方法があるかどうかを知りたかっただけです。

現時点では、次のようになります。

appenddiv += '<div class="actbtn">'+
        '<a href="javascript:void(0)" onclick="OWNER.feedaction(\''+feedid+'\','action_delete')">'+
              '<img id="delicon_'+feedid+'" src="images/icons/delete.gif" title="'+delete_text+'">'+
        '</a>'+
 '</div>';

これを行う別の方法はありますか。これは非常に小さな例です。引用符 ' と + を使用せずに「通常の」html コードを入力し、\' などをエスケープして、上記のフォーマットされたコードを取得できる関数を考えました。

通常のコード:

<div class="actbtn">
       <a href="javascript:void(0);" onclick="OWNER.feedaction('{$profile_actions[actions_loop].action_id}','action_delete')">
           <img id="delicon_{$profile_actions[actions_loop].action_id}" src="images/icons/delete.gif" title="my text" />
        </a>
</div>

これを行う他の方法があるというあなたのアイデアに興味があります。

4

3 に答える 3

3

次のように、半js形式のスクリプトタグにhtmlを追加する「JavaScript Micro-Templating」を使用できます。

<script type="text/html" id="user_tmpl">
  <% some js %>
  some html
</script>

使用方法については、John Resig のブログをご覧ください。

于 2012-06-22T10:02:11.870 に答える
0

次のようなjquery html関数を使用できます$("#parent_div_id").html(appenddiv);

$("#parent_div_id").append(appenddiv);

于 2012-06-22T09:58:49.040 に答える
0

Jquery では、以下を使用できます。

.append();

.html();

于 2012-06-22T10:02:48.337 に答える