2014-01-29 66 views
0

我正在嘗試集成https://github.com/webtechnick/CakePHP-Popup-Plugin的彈出式插件。我只是嚴格按照上述鏈接的說法進行操作。我試圖加載彈出框中的元素,因此我使用這個$this->Popup->link('click me', array('element' => 'my_element')); ,但是當我在瀏覽器上加載時,我得到這個以下錯誤,我不知道這件事,我一直在試圖解決這個最後兩天,請幫助我解決此錯誤SyntaxError:在cakephp中加載jquery彈出窗口時出現非法字符

SyntaxError: illegal character 
...eldset>\r\n\t<a href=\"#\" onclick=\"$('#popup_1').show(); return false;\">click... 

以及任何其他可能的解決方案將被appriciated。

+0

'app/views/elements/my_element.ctp'中有什麼?我在輸出中看到一些反斜槓,可能不應該在那裏......是否有可能在某個地方使用了單引號字符串,而您希望使用雙引號字符串? – DaveRandom

+0

我在myelement.ctp – Jes

+0

中創建了一個註冊表單,我會建議使用最簡單的彈出窗口而不是插件,請參閱http://webdesignandsuch.com/how-to-create-a-popup-with-css-and-javascript/在這如果需要幫助,我可以幫你 – Anubhav

回答

0

好了再看看如何實現webdesignandsuch.com/how-to-create-a-popup-with-css-and-javascript/

現在讀從上面的鏈接實現,現在你必須做什麼

步驟1:在CakePHP中下面給出添加在您的佈局文件這兩行,可以說你正在使用默認的佈局,然後在體內添加標籤:

<div id="blanket" style="display:none"></div> 
<div id="popUpDiv" style="display:none"> 

這兩條線將用於創建popup div和毯子

第2步:現在你會看到CSS-pop.js文件中,有一個功能

function popup(windowname) { 
     blanket_size(windowname); 
     window_pos(windowname); 
     toggle('blanket'); 
     toggle(windowname);   
    } 

所以你必須做出一個Ajax請求得到彈出爲例的HTML如下所示

$.ajax({ 
     url: "test.html", 
     context: document.body 
    }).done(function(data) { 
     $('#popUpDiv').html(data); 
     popup('popUpDiv'); 
    }); 

數據將是html代碼,它是您的ajax請求的響應。

3步:創建Ajax請求的URL,讓坐在ajax_signup.html

echo all the html part followed by exit. 

現在你會得到一個想法是什麼,我試圖解釋!