我可以避免在jquery中重復此代碼嗎？

Question

我確實需要在網站上每個頁面的底部顯示固定位置的內容，就像這樣。

<div class="footer-fix">
    <p>This is its contents......</p>
</div>

.footer-fix {
    background:#fff;
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
}

我的問題是我的網站上是否有很多頁面。 那么，我是否需要在幾乎每個網頁中添加此代碼，或者是否有其他方法可以在每個頁面中都沒有添加此代碼呢？

希望有人可以幫助我。

謝謝。

Answer 1

演示： http : //jsfiddle.net/qz94zkmm/

首先，是的，您可以在jQuery中完成。 但是不推薦！

這是一個可以將html和css樣式動態插入元素的函數：

function appendHtmlTo(where, htmlText, cssText) {
  $(where).append(htmlText).append('<style text="text/css">'+cssText+'</style>');
}

並調用此函數：

appendHtmlTo('body', html, css);

html和css定義了哪些變量，如下所示（每行末尾有一個反斜杠）：

var html = '\
<div class="footer-fix">\
    <p>This is its contents......</p>\
</div>\
';

var css = '\
.footer-fix {\
    background:pink;\
    position: fixed;\
    bottom: 0;\
    z-index: 999;\
    width: 100%;\
}\
';

准備好文檔后，請務必調用此功能！

Answer 2

您可以使用PHP輕松實現，只需創建footer.php文件並在其中插入代碼即可。然后只需調用include（“ / path / to / footer.php”）; 在每一頁的底部，其。

Answer 3

您可以使用html標簽Ex：

<body>
<header class="col-lg-12" style="background-color:#444444; ">
    //Here i have Header
</header>

<div class="container-fluid" style="padding:10px; height:600px;">
         // Here goes my Body 
</div>

<footer class="col-lg-12 text-center" style="background-color:#444444; height:50px;">
    //Here Goes my Footer
</footer>

我可以避免在jquery中重復此代碼嗎？

問題描述

3 個解決方案

解決方案1
1 已采納 2015-09-19 12:53:55

解決方案2
0 2015-09-19 12:17:22

解決方案3
-1 2015-09-19 12:27:24

我可以避免在jquery中重復此代碼嗎？

問題描述

3 個解決方案

解決方案1 1 已采納 2015-09-19 12:53:55

解決方案2 0 2015-09-19 12:17:22

解決方案3 -1 2015-09-19 12:27:24

解決方案1
1 已采納 2015-09-19 12:53:55

解決方案2
0 2015-09-19 12:17:22

解決方案3
-1 2015-09-19 12:27:24