2016-08-10 13 views
0

私はAPIからdatを取得する動的ページを持っています。各divにはcounterが付いた画像とクリックボタンがあります。通常のdivのズーム版であるpop up divを考えてください。 jqueryで.clone(true)をズームインするために、ブートストラップモーダルクラスを使用しました。元のdivのポップアップをクリックしてカウンタをクリックすると、カウンタの値が元のdivに戻るようにします。 例。誰かが自分のカウンターをクリックして値が更新されると、その値はポップアップに反映されます。しかし、ポップアップで誰かがクリックされた場合、その値は元のdivまたは元のdivに戻されません。どうやってするの?元のdivからすでにクローン化されているポップアップをクローンに戻す方法

これはjqueryコードです。

var post_popover = function(){ 
     var include = $(this).parent().parent().clone(true); 
     console.log(include); 
     $(include).find('#displaysquare').css("display", "none"); 
     $(include).find("#zoom").css("display", "block"); 
     $("#dialogPost").html(include); 
     $('#msgModal').modal('show'); 
     return false; 
    }; 

    $("div#lazy").on('click', post_popover); 
    $("video#vlazy").on('click', post_popover); 

    $(document).keypress(function(e){ 
     if(e.keyCode==27){//esc key 
     $('#msgModal').modal('hide'); 
     $("#lazy").load(location.href + " #lazy"); 
     } 
    }); 
+0

カウントの格納または増分に関連するここには何も表示されません。 – ADyson

+0

カウントは別のAPI呼び出しによって行われます。投稿のAjaxメソッドを与え、divの値を返します。元のdivだけがスムーズに更新されますが、ポップアップdivが使用されるため、そのdivだけが値を返し、基になるdivは返しません。 – ranjutk

+0

ポップアップをクリックするとajaxメソッドが呼び出されますか? – ADyson

答えて

0

$("#myDiv").html("anything");でdivのコンテンツを設定できます。ポップアップのクリックイベントを処理して値を更新するだけです。その中でカウントを更新するためにajaxイベントをトリガする必要がある場合は、そのようにしてください。あなたのコードから、あなたは既にクリックイベントをバインドする方法を知っていて、おそらくあなたはajax呼び出しを行う方法を知っているように見えます。それで、それはかなり簡単です。

関連する問題