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 
$(function(){

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

});

顺便说一句：google 永远不会出现，例如，如果您指向 stackoverflow，您将被重新路由。所以三思而后行，你想达到什么目的：
为了防止“点击劫持”，他们发送了一个名为“X-Frame-Options”的 HTTP 响应标头，以防止页面被“陷害”

编辑 我不鼓励您<object>为此目的使用标签，请.load()改用：

$('#cgi').load( $(this).text() +'.html');
于 2012-11-25T23:11:31.713 回答
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')});
});

虽然我不相信谷歌无论如何都会让你这样做（必应和雅虎都很好） http://jsbin.com/iqukak/15/edit

请参阅此问题，了解为什么它不适用于 Google：如何在 iframe 中打开 google 链接？

于 2012-11-25T23:08:09.197 回答