Response title
This is preview!
- Screen name: brilliantmojo
brilliantmojo's Profile
1 Posts
2 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 04-Aug-2020 03:23 PM
- Forum: Using jQuery UI
- The body of index.php consists of a navigation bar with links and a separate container with theid="pageContent".
- In my JavaScript, when the page loads it loads another page (HomePage.php) into#pageContent($(#pageContent).load('HomePage.php');).
- As for the navigation bar; it takes the name of the clicked link as a variable, adds .php to the end of it and loads that into#pageContent:
- One of the site's pages ($('#navContent a').on('click', function() {var page = $(this).attr('href'); // Get link name$('#pageContent').load(page + '.php'); // Load clicked page});
var page) has a range slider on it. My problem is the slider doesn't show when that page loads [into#pageContent] but it works fine when I copy and paste the HTML into index.php (manually).When I run the page [with the slider] separately the slider shows but when I run it with the rest of my site [into
#pageContent] it doesn't. Does anyone know what i'm doing wrong or why my slider isn't visible on .load()?I want to reduce the code but I don't know to .load() an external page using CodePen
- «Prev
- Next »
Moderate user : brilliantmojo