Question

我的网站正在使用Bootstrap设置将个人资料图片彼此隔离。

在三个配置文件之上有一个描述<div>块。

每个配置文件在整个网站上同样使用<div>块col-sm-4 col-lg-4“。

描述<div>和个人资料<div>一起收集到<div class="container-fluid">

个人资料图片和名称以三个细分中的每一个为中心。

这个想法是当访问者点击个人资料时，所选的个人资料会移动到描述<div>框中，（隐藏通过.hide()显示的文字）并显示个人资料和个人简历。当再次选择时，或者如果选择了另一个配置文件，它将返回到配置文件中的先前位置。

Javascript公式已重复三次，以确保在访问者取消选择当前个人资料或选择其他个人资料后，个人资料将返回其原始位置。

它有效......有点儿。最终，配置文件按照脚本的意图执行，但有一些我无法理解的小挫折。

问题：

每次首次点击个人资料<div>时，所选个人资料中的姓名和图片都会从其中心位置移动到其左侧墙壁。

需要额外点击才能运行javascript函数，将选定的配置文件移动到说明<div>框中。

再次点击它会返回到原来的位置，但名称和图片仍然在其框的左侧墙上，就像第一次点击时一样。

一个配置文件的Javascript代码如下：

function moveButton1(elem){
"use strict";

    if ($(elem).parent().attr("id") === "nsb")
    {
        $("#leadintro").hide();
        $(elem).detach().appendTo('#selected');
        $("#barberoinfo").fadeIn();
    }

    else
    {
        $(elem).detach().appendTo('#nsb');
        $("#leadintro").show(); 
    }
}

nsb = <div>包含个人资料名称和图片
Leadintro =子站点的描述
selected =容器流体<div>框，其中nsb将移至显示配置文件信息

问题：

如何修复停止其内容的配置文件<div>向左移动，只需点击一下即可启动javascript功能？

Answer 1

找出问题。

我有4 <div class="row text-center＆gt;在每个描述和三个配置文件。

删除其中三个后，只留下一个圆整体，它工作正常。

-

.appendTo问题，文字向左移动

1 个答案: