0

我有一个要打开面板的按钮。不幸的是，我的 javascript 妨碍了我。它是面板中的通知中心，为了检索通知，我必须将 javascript 放在链接的 href 中......但它没有打开。

我把标签放在问题所在的地方，说这是问题所在。

如果我将href更改为#myContent，那么它将打开，但为了使脚本正常工作，我需要成为href中的javascript。

这是我的代码：

<?  //PHP for getting username and database here ?>
<html>
<head>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
function toggleDiv(divId) {
   $("#"+divId).toggle();
$(document).ready(function(){
         $("#myContent").load("getnotes.php?name=<? echo $username; ?>");
    });
}
</script>



<!-- BEGIN PAGE 1 -->
<div data-role="page" id="feed" data-add-back-btn="true">
    <div data-role="panel" id="settingspanel" data-position="left" data-display="overlay">
    <!--THIS IS THE LEFT PANEL-->

    </div>

    <div data-role="header" data-position="fixed" data-theme="c" data-tap-toggle="false" data-id="foo1" style="padding-top: 5px; border-bottom: 1px solid #eccfb3; padding-bottom: 5px;">
        <a href="#settingspanel" data-role="button" data-iconpos="notext" class="icon-reorder icon-2x" style="background: none; margin-left: 20px;"></a>
        <center><img src="images/logo_app_white.png" height="25px"></center>

            <!--THIS IS WHERE THE PROBLEM LIES-->
        <a href="javascript:toggleDiv('myContent');" data-role="button" data-iconpos="notext" class="icon-bell-alt icon-2x" style="background: none; margin-right: 20px;"></a><? echo $number; ?>
    </div>

    <div data-role="content">   


    <!--This is where the content of the page goes-->


    </div>
    <div data-role="footer" data-position="fixed" data-theme="c" data-tap-toggle="false" data-id="foo1" style="border-top: 1px solid #eccfb3; padding-top: 5px;">
        <div data-role="navbar" style="background: #ce8339;">
            <ul>
                <li><a href="#feed" class="icon-tasks icon-2x" data-ajax="false">My Feed</a></li>
                <li><a href="#submit" class="icon-upload icon-2x" data-ajax="false">Submit</a></li>
                <li><a href="#browse" class="icon-search icon-2x" data-ajax="false">Browse</a></li>
                <li><a href="myprojects.php" class="icon-folder-open-alt icon-2x" data-ajax="false">Projects</a></li>
            </ul>
        </div>
    <!-- /navbar -->    
    </div>

    <div data-role="panel" id="myContent" data-position="right" data-display="overlay">

    <!--THIS IS THE PANEL-->
    </div>


</div>

<!-- END PAGE 1 -->

为什么面板没有打开，我该如何解决这个问题。

4

1 回答 1

1

为什么将javascript放在'href'标签中而不是'onclick'中？我的猜测是

<a href="javascript:void(0);" onclick="toggleDiv('myContent');">

将解决问题。

于 2013-09-06T14:55:01.013 回答