I am using jQuery UI and the Tabs. When I click on a tab I also am updating another div with a new title and some radio buttons, BUT when I do this, the radio buttons are no longer functioning.
When the page loads I insert the first lot of title information from a hidden div and when the second tab is pressed another piece of hidden div info loads.
There is one radio button "selected" so it remains highlighted but I cannot get the others to respond like normal jquery UI radio buttons??
Is it because the title and buttons are hidden to begin with? Maybe? how would one fix that?
Or is this just poor in terms of implementation? I am new to jquery UI and welcome any feedback.
This is my first use of jQuery UI and I was really happy with how easy it is to get the Tabs up and running and loading external html pages.
I have read that, as the tab includes the entire linked document make sure that you exclude the html, title, body, head tags etc and only include what you want shown in the html file.
I was hoping someone could tell me the best practice for including javascript that will be used on these pages.
The scenario I am faced with is that I am using jQuery UI with tabs, a few of the tabs have graphs on them (using dygraphs) that I would like to load via external html files. Should I include all of the javascript for all of the graphs in the parent page? or should I include some of it in each individual graph html page?
I am sorry it has come to asking real folks about the one thing I just cannot seem to find a clear answer for when using jQuery.
When I generate links on a page how to I use the contained arguments with a jQuery function. I dont know how I am missing it. I have been through a heap of tutorials but nothing seems to cover it specifically.
For example:
In the good old days I used to just have a link with an onclick what would send things off to the appropriate function:
From all the bits and pieces I have tried to learn about jQuery all this info is directly in the function but nothing ever seems to cover how to pass these things in if required. SO from what I have gathered to do the same thing as above I would use:
<a href="#" id="loglink">CLICK</a>
<script>
$(document).ready(function() {
$('.loglink').click(function() {
// something here with 'log1.txt', 'green'
});
});
</script>
but this isn't anywhere near as useful because I basically want to have the arguments in the link rather than already in the function.
I know I am missing something completely (I must be) could someone please spend a moment and clear it up once and for all....