[Pas2js] bootstrap 5 modal: JQuery(...).modal is not a function
Michael Van Canneyt
michael at freepascal.org
Fri Aug 11 13:01:46 CEST 2023
On Fri, 11 Aug 2023, Luca Olivetti via Pas2js wrote:
> El 11/8/23 a les 11:53, Michael Van Canneyt via Pas2js ha escrit:
>>
>>
>> On Fri, 11 Aug 2023, Luca Olivetti via Pas2js wrote:
>>
>>> Hello,
>>>
>>> since I need to show/hide a bootstrap 5 modal, I thought I could use the
>>> TBootstrapModal defined in bootstrapwidgets, however it gives the
>>> exception in the subject: "JQuery(...).modal is not a function.
>>> This comes from ApplyWidgetSettings:
>>>
>>> JQuery(aElement).modal(...
>>>
>>> since TBootstrap is defined as a class helper for TJQuery.
>>>
>>> I'm not an expert in web technologies, but I guess this is due to the fact
>>> that libbootstrap is for bootstrap 4 and I'm using bootstrap 5.
>>
>> It also works with bootstrap 5, but you must simply include jquery
>> manually.
>
>
> Do you mean I have to include some other unit (which?) or import jquery with
> a <script> tag (which I did)?
The latter: Import jquery with a tag, make sure it is before the bootstrap js.
(bootstrap 5 tries to detect the presence of jquery, so jquery must be first)
I use bootstrap 5 with the libbootstrap in several commercial projects,
so I am quite sure it works :-)
Michael.
More information about the Pas2js
mailing list