0

ユーザーがフォームのチェックボックスをオンにした場合、新しい div を作成したいと思います。動的データは ajax と php から読み込まれます。JSまたはjQueryで作成する方法を尋ねています。簡略化されたバージョンは次のようになります

<div id="ajaxSRC1" class="CLASS">
   <a href="javascript:void(0)" onmouseover="return myFunction('ajaxSRC5', 'ajaxSRC6')">
      <img src="ajaxSRC2" width="ajaxSRC3" height="ajaxSRC4" alt="..." />
   </a>
</div>
4

2 に答える 2

1

これを試して：

チェックボックスクリックハンドラー内：

$.ajax({
    type : 'post',
    url : 'test.php?id=52454',
    dataType : 'json',
    success : function (obj) {

        //construct and create the element
        var content = $('<div id="' + obj.ajaxSRC1 + '" class="CLASS">'
                    + '<a href="#">'
                    + '<img src="'+obj.ajaxSRC2+'" width="'+obj.ajaxSRC3+'" height="'+obj.ajaxSRC4+'" alt="..." />'
                    + '</a></div>');

        // bind mouseover event to the anchor tag
        content.find('a').mouseover(function() {
            myFunction(obj.ajaxSRC5, obj.ajaxSRC6);
            return false; // alternative to href="javascript:void(0)"
        });

        // append the newly created div to DOM
        divContainer.append(content);

    }
});
于 2012-09-24T02:18:59.557 に答える
0

まず、インラインJSを使用せず、外部スクリプトファイルを使用します
。次に、divはjqueryで作成できます。

$('<div id="dataContainer" />');

これをイベントに追加するだけです。例：

$('#checkbox').click(function(){
  $('<div id="dataContainer" />').html(ajaxSRC5);
});
于 2012-09-24T01:29:16.173 に答える