2017-08-02 66 views
0

长时间潜伏者,第一次海报等 我只发布了许多谷歌和一些公平的论坛阅读无济于事。因此,这里的东西:jsPanel显示PHP输出

我使用jsPanel创造像这样的浮动“面板”窗口:

$.jsPanel({ 
     headerTitle: 'Some title', 
     content: '<p> Hello world! </p>'  
      }) 

这个伟大的工程,但如果我有麻烦的是,我想这就是内容'来包含PHP数据。例如:

 $.jsPanel({ 
     headerTitle: 'Some title', 
     content: '<?php echo "Hello world!"; ?>'  
      }) 

这是行不通的。所以我试过的是:

  $.jsPanel({ 
     headerTitle: 'Some title', 
     contentAjax: {url: 'helloworld.php'} 
        }) 

没有运气。因此,经过进一步的Google,我发现了类似的东西:

$.jsPanel({ 
     headerTitle: 'Some title', 
     load: {url: 'helloworld.php'} 
      }) 

......哪些也没有工作。

所以我想我的问题是这样 -

  • 我怎样才能让PHP代码正确输出到一个浮动“jsPanel”窗口?
  • 为什么ajax/load看起来像是一样的东西,这里有什么不同?

预先感谢回答什么是(也许)一些非常愚蠢的问题!

+0

你试过存储在了'php'内容变量第一?例如'<?php $ mData =“hello world!”;?>'然后是'content:'<?php echo $ mData; ?>''。同时检查第三个示例[here](http://v2.jspanel.de/documentation/optionLoad.html) –

回答

0

让我们先从它采用option.contentAjax

$.jsPanel({ 
    headerTitle: 'Some title', 
    contentAjax: 'test.php' 
}); 

现在test.php的(这是在服务器上处理)需要输出一些有用的东西,以便将其追加到最简单的工作示例面板。

test.php的:

<?php 
    echo "<p style='text-align:center;'>Lorem ipsum dolor ...</p>"; 
?> 

的JavaScript的更详细的例子是:

$.jsPanel({ 
    headerTitle: 'Some title', 
    contentAjax: { 
     url: 'test.php', 
     done: function(data, textStatus, jqXHR, panel) { 
      panel.content.append(data); 
     } 
    } 
}); 

永远记住,PHP代码在服务器上运行。

您最后的代码示例不起作用,因为jsPanel中没有option.load。但是你可以使用jQuery.load(),如:

$.jsPanel({ 
    headerTitle: 'Some title', 
    callback: function() { 
     this.content.load('test.php'); 
    } 
}); 

或:

$.jsPanel({ 
    headerTitle: 'Some title', 
    content: function() { 
     $(this).load('test.php'); 
    } 
}); 

希望我能帮助有点...