Response title
This is preview!
Move this topic
jquery-ui resizable lazy call on event
in Using jQuery UI
•
9 years ago
Hi all,
i have an element that is loaded and created on a user event.
My problem is,that if i call directly into the <script> tag, it works
- <script>
- $('th').resizable();
- </script>
if i call :
- <script>
- function callOnEvent() {
- $('th').resizable();
- }
- </script>
it just doesn't want to work.
The chrome console says "undefined is not a function"
How can i fix this ?!
***** the same error i had with jstree trying to reload it, and in other places that right now i don't remember.
Thanks
AiU
1
Replies(13)
Re: jquery-ui resizable lazy call on event
9 years ago
There has to be more to it. Do you call callOnEvent?
Do you use other libraries that steal $?
Do you use other libraries that steal $?
Chrome doesn’t usually say "undefined is not a function", without saying which variable.
JΛ̊KE
Leave a comment on jakecigar's reply
Re: jquery-ui resizable lazy call on event
9 years ago
Hi, thanks for answering.
So i make use of :
- require(['jquery',
- 'datagrids',
- 'iids', // this for some standard that my employer has, and is based on *jquery*
- 'prettify',
- 'ge-bootstrap'
- ], function($) ...
and here are some libs that i import
- <script src="../../jqueryui/jquery.js"></script>
- <script src="../../jqueryui/jquery-ui.js"></script>
- <script src="../../components/modernizr/modernizr.js"></script>
- <script src="../../components/requirejs/require.js"></script>
- <script src="../../js/require.config.js"></script>
- <script src="../../components/respond/respond.src.js"></script>
Leave a comment on Alex Ion Utale's reply
Re: jquery-ui resizable lazy call on event
9 years ago
That doesn’t help. I can’t see into any of your files.
JΛ̊KE
Leave a comment on jakecigar's reply
Re: jquery-ui resizable lazy call on event
9 years ago
now, everything i use, is making use of jquery, and everything is a mix of the best libs from the internet.
modernizr.js : http://modernizr.com/
require.js : http://requirejs.org/
respond.src.js : https://github.com/scottjehl/Respond ( i belive this is the code )
is this of any help ?
is there anything that i should be aware of ?
can you point me in the right direction ?
Leave a comment on Alex Ion Utale's reply
Re: jquery-ui resizable lazy call on event
9 years ago
yes i call callOnEvent()
here is the event function
- $('table').on('click', 'tr', function(event) {
- $('th').resizable();
- console.log('called');
- });
Re: Re: jquery-ui resizable lazy call on event
9 years ago
That code says every time you click anywhere in a table make every th resizable. That is wrong.
JΛ̊KE
Leave a comment on Alex Ion Utale's reply
Re: jquery-ui resizable lazy call on event
9 years ago
here is working ok.
is the default.html from the jqueryui sample code that comes with the complete lib
i have made a few modifications, as i needed to simulate the event that i need on my real proj page.
( please don't focus on things like .on(), later on it all be optimized. For now i am trying in all directions to find the problem to this error )
Attachments
Leave a comment on Alex Ion Utale's reply
Re: jquery-ui resizable lazy call on event
9 years ago
This seems better…
- <script>
- $(function() {
- $("#resizable" ).resizable();
- $('#resizable .ui-widget-header').click(function () {
- $('#resizable').append('<h1> header</h1>');
- });
- $(document).on('click', 'h1', function (e) {
- $(this).resizable();
- e.stopPropagation()
- });
- });
- </script>
JΛ̊KE
Leave a comment on jakecigar's reply
Re: jquery-ui resizable lazy call on event
9 years ago
I am actually importing many versions of jquery.
I notice that my jqueryuu is using jquery version 1.10.2
While I make use in most of the libs (ie:data grids ) of jquery 2.10.2
I don't know what are de difference between those 2 versions of jquery, so I am importing like this for the moment.
On the internet I've no result while searching for the difference.
Should I make use only of jquery 2.10 ?
Leave a comment on Alex Ion Utale's reply
Re: jquery-ui resizable lazy call on event
9 years ago
You should only use 1 version.
i use <script src="http://code.jquery.com/jquery-1.11.1.js"></script> when I want one jQuery for all,
But I often use this crazy IE specific trick to use one or the other.
- <!--[if lt IE 9]>
- <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
- <![endif]-->
- <!--[if gte IE 9]><!-->
- <script src="http://code.jquery.com/jquery-2.1.1.js"></script>
- <!--<![endif]-->
To give the good browsers a leaner jQuery yet still give ancient IE versions the classic jQuery.
JΛ̊KE
2.x.x is the new branch that ignores ancient browser, it runs the same as the equivalent 1.x.x version.
Leave a comment on jakecigar's reply
Re: jquery-ui resizable lazy call on event
9 years ago
Hi sorry for answering today, yesterday on my last message i was in train and i lost to phone signal, and when i got home i totally forgot about it.
So as i said yesterday, this lib that i use is actually a set of libs, so many of this libs contain their own require config and jquery.
I guess i need to clean up a little bit this set of libs.
One more thing, in my test i make extensive use of console.log() and before calling the $(selector).resizable() in a .on() function, i have inserted an console.log( $( 'th' ).length ). and the returning value is the number of all th in the page.
So much i have discovered, is that on event jquery-ui and jstree, is not calling some functions on an event (click, mouseover, changed, keyup...)
i have tried with the setTimeout () function, and i still get the same error
The only way to make it work is by calling it out of any event.
( i really appreciate the help that you give me. thanks alot )
Leave a comment on Alex Ion Utale's reply
Re: jquery-ui resizable lazy call on event
9 years ago
OK, so after another day on searching the problem, it seems that is Bootstrap
Bootstrap just does not like jquery ui.
For some reason is overwriting just about everything 
nice
Leave a comment on Alex Ion Utale's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to Alex Ion Utale's question