2017-08-02 69 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'); 
    } 
}); 

希望我能幫助有點...