如何合并我的代码？基于JavaScript和PHP的问题

Question

我的页面非常简单直接。 我首先使用DIV标签将外部PHP页面作为页面中的元素进行调用。 然后，我隐藏主页上不需要的div，然后滑入查看所需的“页面”并隐藏不需要的“页面”。

我想做的是滑入所需内容，然后滑出当前处于活动状态/可见状态的内容。 我知道我可以继续做我已经开始做的事情，但是整个文档太SO肿了。 有任何想法吗？ 谢谢！

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

  <script>
  $(document).ready(function(e) {
$(function(){
    $("div.design, div.marketing").hide();
    });
});

  $(document).ready(function() {

$("h3.home_button").click(function () {
      $("div.home").show("slide", { direction: "left" }, 500);
      $("div.design").hide();
      $("div.marketing").hide();
});

$("h3.design_button").click(function () {
      $("div.design").show("slide", { direction: "left" }, 500);
      $("div.home").hide();
      $("div.marketing").hide();
});

$("h3.marketing_button").click(function () {
      $("div.marketing").show("slide", { direction: "left" }, 500);
      $("div.home").hide();
      $("div.design").hide();
});


  });
  </script>

</head>

<body>

<div class="main">

    <div class="header">
        <?php include("header.php");?>
    </div>

    <div class="menu">
        <?php include("menu.php");?>
    </div>

    <div class="content">
        <?php include("content_home.php");?>
        <?php include("content_design.php");?>
        <?php include("content_marketing.php");?>

    </div>
    <div class="footer"><?php include("footer.php");?></div>

</div>

Answer 1

您可以使用data attributes ，并通过data() jquery方法访问它。

在您的HTML中

<h3 data-a='marketing'>marketing</h3>
<h3 data-a='design'>design</h3>
<div class='container'>
    <div style='display:none;' class='marketing'>
         marketing stuffs
    </div>
    <div class='design'>
         design stuffs
    </div>
</div>

并在您的javascript中

$('h3').click(function(){
    type = $(this).data('a');

    $('.container div').hide();
    $('.container').find('.'+type).show();
})

这是一个典型的小提琴

你也两次调用就绪方法

如何合并我的代码？基于JavaScript和PHP的问题

问题描述

1 个解决方案

解决方案1
0 已采纳 2012-11-30 06:34:36

如何合并我的代码？ 基于JavaScript和PHP的问题

问题描述

1 个解决方案

解决方案1 0 已采纳 2012-11-30 06:34:36

如何合并我的代码？基于JavaScript和PHP的问题

解决方案1
0 已采纳 2012-11-30 06:34:36