0

属性データを変更するJQueryボタンメニューを機能させようとしているので、オブジェクトパラメータ内にあるものを自動リロードしますが、機能したくありません:(

CSS、HTML、JQueryのコードは以下のリンクにあります

http://jsbin.com/iqukak/2/edit

誰でも助けることができますか？

$('button#1').attr("id"){
      $("object#cgi").attr('data','http://www.google.com')};
   $('button#2').attr("id"){
      $("object#cgi").attr('data','http://www.bing.com')};
    $('button#3').attr("id"){
      $("object#cgi").attr('data','http://www.yahoo.com')};
});

アップデート：

すべてのファイルをhttp://szary.eu/panel/
にアップロードしました 。達成したいのは次のとおりです。
-1をクリックすると1.htmlが<object>表示
される必要があります-2をクリックすると2.htmlが<object>表示 される必要があります

4

2 に答える 2

1

このコードを試すことができます：

$(document).ready(function(){
    $('button#1').click(function() {
      $("object#cgi").attr('data','http://www.google.com')});
   $('button#2').click(function() {
      $("object#cgi").attr('data','http://www.bing.com')});
    $('button#3').click(function() {
      $("object#cgi").attr('data','http://www.yahoo.com')});
});

とにかくGoogleがこれを許可するとは思わないが（BingとYahooは問題ない） http://jsbin.com/iqukak/15/edit

Googleで機能しない理由については、この質問を参照してください：iframe内でGoogleリンクを開く方法は？

于 2012-11-25T23:08:09.197 に答える
1 
$(function(){

    $('td.mleft button').click(function(){
      $('#cgi').attr( 'data',   'http://'+ $(this).text().toLowerCase() +'.com' );  
    });

});

そしてところで：グーグルは決して現れません、そして例えばあなたがstackoverflowを指すならばあなたは再ルーティングされるでしょう。したがって、何を達成しようとしているのかをよく考えてください。 「クリックジャッキング」
を 防ぐために、ページが「フレーム化」されるのを防ぐために「X-Frame-Options」と呼ばれるHTTP応答ヘッダーを送信しています。

編集<object>私はあなたがその目的のためにタグを 使用することを思いとどまらせます、.load()代わりに使用してください：

$('#cgi').load( $(this).text() +'.html');
于 2012-11-25T23:11:31.713 に答える