0

一直在使用我的第一個rails應用程序。我在頁面上使用引導模式。我試圖實現的是在主頁面上顯示產品列表(從數據庫),並打開一個包含該特定產品詳細信息的模式窗口。我曾嘗試爲每種產品製作每種模式,但它使主頁面加載非常緩慢和沉重。反正使用One Modal,然後根據點擊的產品按鈕更新模式內的值。在模態窗口欄和javascript中加載產品

+0

在Bootstrap模式下更新值與爲頁面的其餘部分更新它們相同 - 模式只是一個div。更新其內容,並在顯示模式時顯示。 –

+0

是的。我已經嘗試過,但我怎麼能附加觸發器與link_to按鈕更新顯示模態前的模態div。 – user2716736

回答

1

你可以使用AJAX

bootstrap docs加載模式的內容,它表明你如何遠程內容加載到一個模式使用AJAX

<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a> 

和href屬性是您的個人產品內容

還有一個引導程序擴展,bootstrap-modal,有一個使用jQuery與jQuery.load(向下滾動,它在中間)的例子,甚至有一個gem f或者它。