Question

首先，当页面加载时，我有一个标题div，home div和bottoom div。我有侧边栏，如果我点击＆＃34;关于＆＃34;例如它指的是＆＃34;＃about＆＃34; （这是一个div）。

我希望那个＆＃34;家庭＆＃34; div会隐藏或其他东西，而不是＆＃34; home＆＃34; div，生病看到关于div。当然，当页面在主页中时隐藏了关于div（因为当页面加载时我想看到主页div）。

Answer 1

您应该做的是在链接和要显示的内容（div）之间建立一些连接。您可以在每个链接的HTML 5数据属性中保留每个内容div的ID。

这里我将在名为<div>Header</div> <a href="#" class="links" data-target="home">Home</a> <a href="#" class="links" data-target="about">About</a> <a href="#" class="links" data-target="contact">Contact</a> <div id="home" class="content" style="display:none;">Home content</div> <div id="about" class="content" style="display:none;">Abount content</div> <div id="contact" class="content" style="display:none;">Contact content</div> <div>Footer</div>的数据属性中保留相应内容div的id

$(function(){

   $(".content").first().show();  //show the first div(Home content)

   $(".links").click(function(e){
     e.preventDefault();
     $(".content").hide();
     var target=$(this).data("target");
     $("#"+target).show();

   });

})

点击链接后，获取目标数据属性值并使用它来获取内容div并显示它。

register_activation_hook( __FILE__, function () {
 global $wpdb;
 $table_name = $wpdb->prefix . "ajax_preview_galleries"; 
 $charset_collate = $wpdb->get_charset_collate();

 //Table definition
$sql =  "CREATE TABLE $table_name (
gallery_id int(10) unsigned NOT NULL AUTO_INCREMENT,
gallery_name varchar(100) COLLATE utf8_unicode_ci NOT NULL,
gallery_slug varchar(100) COLLATE utf8_unicode_ci NOT NULL,
gallery_selected_terms text COLLATE utf8_unicode_ci NOT NULL,
gallery_select_by tinyint(3) unsigned NOT NULL COMMENT '0: categories only; 1: tags only; 2: both',
gallery_post_count tinyint(3) unsigned NOT NULL,
gallery_custom_class_container varchar(200) COLLATE utf8_unicode_ci NOT NULL,
gallery_custom_class_buttons varchar(200) COLLATE utf8_unicode_ci NOT NULL,
gallery_transition_time int(10) unsigned NOT NULL DEFAULT '500',
gallery_loading_type tinyint(3) unsigned NOT NULL DEFAULT '1',
gallery_navigator_loop tinyint(3) unsigned NOT NULL DEFAULT '1',
PRIMARY KEY  (gallery_id)
) $charset_collate;";

require_once( ABSPATH . 'wp-admin/includes/upgrade.php' );

$res = dbDelta($sql);
});

Here是一个工作样本。

在这样的页面之间移动的正确方法是什么？

1 个答案: