Question

我正在尝试将page_title div替换为name属性的内容。以下是我到目前为止但它不起作用。我是jQuery的新手任何帮助。我正在使用jquery Mobile。

 <script>
var siteData = {
    "name": "Site Name",
    "logo": "",
    "theme": "b",
    "fullSiteLink": "http://www.google.com",
    "pages": [{
            "id": "1364668689503",
            "name": "Page Title",
            "type": "basic",
            "components": {
                "img": "",
                "text": "Page content"
            }
        },
    }]
}
</script>

更新

 $(document).ready(function(siteData) {
     //site name
     $('#page_title').html(siteData["name"]);
 });

Answer 1

这是一个有用的 jsFiddle 示例：http://jsfiddle.net/Gajotres/gMAf3/

$(document).on('pagebeforeshow', '#index', function(){      
    $(this).find('[data-role="header"] h3').html(siteData.name);
});

     var siteData = {


         "name": "Site Name",
             "logo": "",
             "theme": "b",
             "fullSiteLink": "http://www.google.com",
             "pages": [
         {
             "id": "1364668689503",
             "name": "Page Title",
             "type": "basic",
             "components": {
                 "img": "",
                 "text": "Page content"
             }
         }     ]


     }

不要将文档准备好与jQuery Mobile一起使用，它通常会在页面插入DOM之前触发。要查找有关此问题的详情，请查看此 ARTICLE ，或找到 HERE 。

Answer 2

$(document).ready(function () {

    // Declare the object here
    var siteData = {....};

    // Set the title
    $('#page_title').text(siteData["name"]);
});

用函数替换HTML元素

2 个答案: