2011-09-20 5 views
0

colorbox(http://colorpowered.com/colorbox/)を使用してajax htmlファイルを呼び出しています。カラーボックスを使用しているときにページをロードする方法次のボタン

これらのHTMLファイルは、ここでのコードのようなテーブルにJSの配列をロードします。http://jsfiddle.net/2waZ2/21/

このすべてはうまく動作しますが、カラーボックスの横のボタンを押したときにJSテーブルのデータがアップロードされません。

document.onloadが既に発生している可能性があります。私がJSをajax htmlファイルで呼び出そうとしているにもかかわらず、私は第1ページのテーブルデータを取得することしかできないようです。次をクリックすると、テーブルのデータが表示されません。

私は、テーブルを示すデータを取得するために、次のボタンの動作を変更しようと考えていました。何か案は?

これは私がjquery.colorbox.jsに見つけることができる次のボタンのコードです:

$next.click(function() { 
     publicMethod.next(); 
    }); 

そして

$groupControls = $next.add($prev).add($current).add($slideshow); 

そして

$(document).bind('keydown.' + prefix, function (e) { 
     var key = e.keyCode; 
     if (open && settings.escKey && key === 27) { 
      e.preventDefault(); 
      publicMethod.close(); 
     } 
     if (open && settings.arrowKey && $related[1]) { 
      if (key === 37) { 
       e.preventDefault(); 
       $prev.click(); 
      } else if (key === 39) { 
       e.preventDefault(); 
       $next.click(); 
      } 
     } 
    }); 

$next[(settings.loop || index < total - 1) ? "show" : "hide"]().html(settings.next); 
+0

カラーボックスが '.load()'を使用している場合、Chromeのファイルアクセス権限のため、Chromeではローカルでは機能しません。 – Jack

+0

私はFirefoxとサーバーを使用しています – Jon

答えて

0

"document.onloadがすでに発生している可能性があります。私はJSをajax htmlファイルで呼び出そうとしても、最初のページでテーブルデータを取得することしかできません。 "

これは混在しているようですが、この場合はDocument.onloadは親ページ(その中のカラーボックスへの呼び出しに1。)Document.onloadをトリガしないコンテンツをロードする別の方法として、Ajaxを考えてください。

を私は確信していないよに関し、 [次へ]ボタンをいじっては、あなたの答えです。あなたが別のHTMLは次のクリックで表示させたい場合は、なぜそのように準備していない。

でColorBoxのonLoadコールバックを取得します。言い換えれば、表示されたHTMLファイルのカスタムJSを、ColorBoxが表示するhtmlを発行するジョブで親の内部に再配置します。

+0

ありがとうございました。私はそれをすべて理解しているのかわかりませんが、私は理解できます。それ以来、私は何が起きているのですか?コードが機能しているようです。 divのテキストのIDを変更して追加すると、それが機能します。ファイルaと同じ場合は、ファイルbの横にあるをクリックします(アラートで凍らせます)。もう一度追加するように見えますが、両方の行が削除されてページが空白になります。 – Jon