锚不工作

Question

我想成为Branche 1

的主播

在“模具卡”页面中，您可以看到带有链接的div（Branchen）。我的问题是，如果我点击链接Branche 1它不会转到div Branche 1，有什么建议吗？

Here a js fiddle

HTML

<div data-role="content" id="branchen" name="branche">
    <div data-role="header" data-theme="d">
        <a href="#menupanel" data-icon="bars" data-iconpos="notext" data-shadow="false" data-iconshadow="false" data-corners="true" data-wrapperels="span"  title="Menu"></a>
        <h1>Branchen</h1>
    </div>

    <div id="Branche">
        <p><a href="#b1">Branche 1</a></p>
        <p><a href="branche2" >Branche 2</a></p>
        <p><a href="#">Branche 3</a></p>
        <p><a href="#">Branche 4</a></p>
        <p><a href="#">Branche 5</a></p>
        <p><a href="#">Branche 6</a></p>
    </div>

    <div  id="branche1" name="b1">
        <div data-role="header" data-theme="d">
                <a href="#menupanel" data-icon="bars" data-iconpos="notext" data-shadow="false" data-iconshadow="false" data-corners="true" data-wrapperels="span"  title="Menu"></a>
                <h1>Branche 1</h1>
        </div>
                <img src="bilder/branche1.jpg" width="100%" height="100%">
    </div>

    <!-- Other branches -->

</div>

Answer 1

您的锚链接（#b1）必须与id匹配，而不是name。

但你的问题也来自jQuery mobile。要使锚点工作，您需要在锚点链接上指定data-ajax="false"：

<a href="#branche1" data-ajax="false">Branche 1</a>

<div id="branche1">
    ...
</div>

Updated JSFiddle
jQuery mobile reference