Geek asks and answers

Using jquery mobile with multiple headers per page

I want to display 2 headings on my pages. It is acceptable to use the following:

<div data-role="page" class="<?php print $node_classes; ?>">
    <div data-role="header" data-theme="a" data-position="inline"> 
        <h1><?php print $site_name; ?></h1>
    </div>
    <div class="page-header ui-bar">
        <h2 class="ui-title"><?php print $title; ?></h2>
    </div>
    ....
</div>

?

+3
source share
1 answer

It depends on what you define as "valid."

Will it display correctly? I do not think it is better to use:

<div data-role="header" data-theme="a" data-position="inline"> 
    <h1><?php print $site_name; ?></h1>
</div>
<div data-role="header" data-theme="a" data-position="inline">
    <h2 class="ui-title"><?php print $title; ?></h2>
</div>

Does it make sense to do this? I don’t think so either

0
source

More articles:


All Articles