Javascript 随机函数似乎与引导模式事件冲突

似乎相互冲突的功能

function makeHeader()
{
            var headerSites = [];
            headerSites.push("Home");
            headerSites.push("index.php");
            headerSites.push("Add exercise");
            headerSites.push("newExercise.php");
            headerSites.push("Calendar");
            headerSites.push("calendar.php");

            var currentPage = location.href.split("/").slice(-1);

            var header = "<div class='navbar-div'>";
            header += "<nav role='navigation' class='navbar navbar-default navbar-fixed-top'>";
            header += "<div class='navbar-header'>";
            header += "<button type='button' data-target='#navbarCollapse' data-toggle='collapse' class='navbar-toggle'>";
            header += "<span class='sr-only'>Toggle navigation</span>";
            header += "<span class='icon-bar'></span>";
            header += "<span class='icon-bar'></span>";
            header += "<span class='icon-bar'></span>";
            header += "</button";
            header += "<a href='#' class='navbar-brand'>Exercise Site</a>";
            header += "</div>";
            header += "<div id='navbarCollapse' class='collapse navbar-collapse'>";
            header += "<ul class='nav navbar-nav'>";
            for (index = 0; index < headerSites.length; index = index + 2)
            {
                if(currentPage == headerSites[index + 1])
                {

                header += "<li class='active'><a href='" + headerSites[index + 1] + "'>" + headerSites[index] + "</a></li>";
                }
                else
                {

                header += "<li><a href='" + headerSites[index + 1] + "'>" + headerSites[index] + "</a></li>";
                }
            }

            header += "</ul>";
            header += "<ul class='nav navbar-nav navbar-right'>";
            if(currentPage == "userInfo.php")
            {
                header += "<li class='active'><a href='userInfo.php'>";
            }
            else
            {
            header += "<li><a href='userInfo.php'>";
            }
            header += readCookie('username');
            header += "</a></li></ul></div></nav></div><br><br>";
            document.body.innerHTML = header + document.body.innerHTML;

}

模态函数在这里

 $(document).ready(function(){
    $("#myModal").on('show.bs.modal', function(event){
        var button = $(event.relatedTarget);  // Button that triggered the modal
        var titleData = button.data('title'); // Extract value from data-* attributes
        $(this).find('.dateVal').attr("value", titleData);
                });

});

---

如果我注释掉makeHeader（），效果很好；但是在函数运行时，事件似乎永远不会被调用，我已经抛出了警报（“错误”）；如果要检查并且从不触发调试器控制台中的任何内容，则可能是由于当模式代码在文档就绪时重新分配innerHTML onload。你试过在标题完成后运行模式代码吗？@gillesc看起来已经解决了问题。

 $(document).ready(function(){
    $("#myModal").on('show.bs.modal', function(event){
        var button = $(event.relatedTarget);  // Button that triggered the modal
        var titleData = button.data('title'); // Extract value from data-* attributes
        $(this).find('.dateVal').attr("value", titleData);
                });

});