如何將一些HTML代碼加載到 <div> 但是要保留原始頁面的CSS和JS？

Question

我試圖通過jQuery使用load（url）從外部文件加載html，但是當我這樣做時，例如：

$('#body-content').load('admin/users/partials/settings.php')

div＃body-content不顯示頁面的CSS樣式和js文件。

JAVASCRIPT：

 $(document).ready(function() {
  $('#button-example').on('click', function() {
    $('#body-content').load('<button type="button" name="button" class="submit-btn">Button from external html</button>');
  });
});

CSS（來自原始頁面）styles.css：

.submit-btn {
      background: #00f;
    }

HTML代碼：

<!DOCTYPE html>
    <html lang="es">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Website</title>

        <!--Styles-->
        <link rel="stylesheet" href="assets/css/styles.css">
    </head>
    <body>
        <div id="body-content">
            <section>
                <div class="article-container">
                    <article>
                        <h1>Title of the Article</h1>
                        <hr>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet placeat nostrum voluptatem aliquid!
                            Perspiciatis soluta minus ipsa ex. </p>
                    </article>
                    <button id="button-example" type="button" name="button">Change content</button>
                </div>
            </section>
        </div>
    </body>

Answer 1

我認為您尚未在任何地方加載css和js文件。 您確定要在要使用jquery加載的文件中包含js和css文件嗎？

如何將一些HTML代碼加載到 <div> 但是要保留原始頁面的CSS和JS？

問題描述

1 個解決方案

解決方案1
0 2017-06-12 08:18:07

如何將一些HTML代碼加載到 <div> 但是要保留原始頁面的CSS和JS？

問題描述

1 個解決方案

解決方案1 0 2017-06-12 08:18:07

解決方案1
0 2017-06-12 08:18:07