Problem with loading page in tabs

Hi guys…
I’m using from these structure in my app :

<div id="app">
        <div class="statusbar"></div>
        <div class="panel panel-right panel-cover">...</div>
        <div class="views tabs ios-edges">
            <div class="toolbar tabbar-labels toolbar-bottom-md">
                <div class="toolbar-inner">
                    <a href="#view-home" class="tab-link tab-link-active">
                        <span class="tabbar-label">Home</span>
                    <a href="#view-catalog" class="tab-link">
                        <span class="tabbar-label">Categories</span>
                    <a href="#view-settings" class="tab-link">
                        <span class="tabbar-label">Settings</span>
            <div id="view-home" class="view view-main tab tab-active">
                <div class="page" data-name="home">
                    <div class="navbar">....</div>
                    <div class="page-content">...</div>
            <div id="view-catalog" class="view tab">...</div>
            <div id="view-settings" class="view tab">...</div>

When I’m in “view-settings” and I’m going to load a page in this tab ,The page will load in “view-home” tab and with "page-current " class And the previous page class is “page-preview” .I can change “view-home” class to active tab and show the new page But I want to show it on the “view-settings” tab .

What do I have to do ?

Sincerely , this has not helped. I wonder why I am getting it wrong. I am trying a very different approach now. trying to load the views as html file on show of the tab using DOM7. But with the innerHTML property, it does not load the styling of the content of the html file.

How can I load an html file into a tab or I have to load it as html string ?

I need advises.

Thanks in anticipation