JQuery UI не стиль кнопки внутри класса

Я пишу сайт на PHP, и я написал индексную страницу, которая меняет свой контент тег. Когда я включаю default.php внутри кнопки, кнопка не разрабатывается.

Интерфейс Jquery работает должным образом везде на сайте, однако кнопки и значки не работают.

Вот код индекса, который переключает страницу

<?php
    include_once 'config.php';
    session_start();
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" >

    <title><?php echo $siteName; ?></title>
    <link href="css/themes/<?php echo $theme; ?>" rel="stylesheet" type="text/css"/>
    <link href="<?php echo $jqCSS;?>" rel="stylesheet" type="text/css"/>
    <script src="<?php echo $jsCommon;?>"></script> 
    <script src="<?php echo $jqJS;?>"></script>
    <script src="<?php echo $jqJSUI;?>"></script>


</head>

<body>

<div class="header">
    <?php include 'menu.php';?>
</div>  
<div class="content" id="main_content"><br/><br/>
    <?php 
        $page = $_SESSION['currentpage'];
        echo $page;
        switch ($page)
        {
            case 'messaging':
                include 'controls/shared/messaging/messaging.php';
                break;
            default:
                include 'pages/default.php';
                break;
        }       
    ?>
</div>

<div class="footer">
</div>
<div id="myLogin" title="Login"></div>
<div id="myForgotPass" title="Forgot Password"></div>
<div id="myReg" title="Register"></div>

Вот Default.php, который загружается после проверки

<?php 
 session_start();
$_SESSION['currentpage'] = 'default';

?>
<br/><br/>
<h1>Default</h1>

<button id="button">Test Button</button>

Вот javascript, который я использую, чтобы определить, что это кнопка:

$('#button').button();

Когда я смотрю на код в firebug, он показывает, что он находится под классом контента. Я могу стилизовать кнопку, используя класс содержимого, однако я хочу, чтобы она использовала тему из пользовательского интерфейса jquery.

Благодарю.

Источник

1 ответ

Я понял.

Самая большая проблема заключается в том, что мой собственный файл custom.js вызывался до вызова jquery, поэтому jquery даже не загружался при попытке создать кнопку.

Как только я это сделал, я использовал $('button'). Button(); и он начал работать правильно.

Источник
Другие вопросы по тегам