这是一个动态创建的过滤器列表。 单击“帐户”链接将打开一个模态窗口,其中包含帐户名称列表。 单击帐户名称会使li元素出现在过滤器侧栏中。 问题是您现在可以多次单击链接并创建一个元素,即使该信息相同。 我需要做的是每个帐户列表仅创建一次li。 我曾考虑过使用not()选择器,并在单击帐户名时在操作结束时添加一个类。 问题是它们都共享相同的.account类,这是JQuery单击时执行操作的方式。 我的问题是,首先我该如何工作,因为我的not()行没有触发。 其次,如何使它仅定位用户单击的一项而不是与帐户类别的所有链接相对应? 这是JSFiddle,但是由于某些原因,它并不想完全起作用,因为该站点的Bootstrap提供了许多代码: http : //jsfiddle.net/rsxavior/puhdE/7/

这是我指的相关代码:

<li>
    <a href="#accountModal" data-toggle="modal">Accounts</a>
    <!--Start Account Sort Modal-->
    <div class="modal hide" id="accountModal" tabindex="-1" role="dialog" aria-labelledby="accountLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <hgroup>
                <h4 id="accountLabel">Accounts</h4>
                <h6>(Choose an account's first letter to quickly sort)</h6>
            </hgroup>
            <ul class="nav nav-pills">
                <li><a href="#">A</a></li>
                <li><a href="#">B</a></li>
                <li><a href="#">C</a></li>
                <li><a href="#">D</a></li>
                <li><a href="#">E</a></li>
                <li><a href="#">F</a></li>
                <li><a href="#">G</a></li>
                <li><a href="#">H</a></li>
                <li><a href="#">I</a></li>
                <li><a href="#">J</a></li>
                <li><a href="#">K</a></li>
                <li><a href="#">L</a></li>
                <li><a href="#">M</a></li>
                <li><a href="#">N</a></li>
                <li><a href="#">O</a></li>
                <li><a href="#">P</a></li>
                <li><a href="#">Q</a></li>
                <li><a href="#">R</a></li>
                <li><a href="#">S</a></li>
                <li><a href="#">T</a></li>
                <li><a href="#">U</a></li>
                <li><a href="#">V</a></li>
                <li><a href="#">W</a></li>
                <li><a href="#">X</a></li>
                <li><a href="#">Y</a></li>
                <li><a href="#">Z</a></li>
            </ul>
        </div>
        <div class="modal-body">
            <ul>
                <li class="account"><a href="#">All</a></li>
                <li class="account"><a href="#">A Name</a></li>
                <li class="account"><a href="#">Another Account Name</a></li>
                <li class="account"><a href="#">Babcock Center</a></li>
            </ul> 
        </div>
        <div class="modal-footer">
            <ul class="pager">
                <li><a href="#">Prev</a></li>
                <li><a href="#">Next</a></li>
            </ul>
        </div>
    </div>
    <ul class="account-hidden-li"></ul>
</li>

和JQuery一起:

$('.account:not('.selected-account')').click(function () {
    $('.account-hidden-li').append('<li class="account-select">Sample Account Name<a class="close" data-dismiss="alert" href="#">&times;</a></li>');
    $('.account').addClass('selected_account');
)};

在这件事上的任何帮助将不胜感激!

#1楼 票数:2 已采纳

$(".account").click(function () {
this.unbind("click");
    $('.account-hidden-li').append('<li class="account-select">Sample Account Name<a class="close" data-dismiss="alert" href="#">&times;</a></li>');
    $('.account').addClass('selected_account');

});

  ask by Tiffani translate from so

未解决问题?本站智能推荐:

1回复

如何使模式背景可点击?

我想创建一个可以插入网站的聊天框。 我一直在使用Bootstrap Modal来实现这一目标。 我希望我的模态在用户单击模态之外时不关闭。 但是网站背景仍然应该是可点击/可选择的,以便用户仍然可以在网站上执行操作。 这是我到目前为止编写的代码。 $(window)
2回复

如何使所有引导面板均可点击?

我想做一个可点击的引导面板。 但头部不可点击。 所有面板均可单击。 我正在尝试,但是当我将div添加到<a>所有内容都是可链接的,并且我不喜欢链接显示为蓝色的文本... 我的引导面板如何可点击? 谢谢!
1回复

如何在模态可点击的内部制作图像

我有一个按钮,显示一个包含许多图标的模式,当我单击其中一张图像时,我希望它显示已单击它。 但是我不知道如何实现它。 到目前为止,这就是我的模态。 我的目标:放置一个指示器,单击它。 码
1回复

如何使 bootstrap 3 Popover 处于悬停状态和可点击链接

我一整天都在尝试制作此工具提示,在悬停时卡住,以便用户可以单击 4 个选项并重定向到特定页面/链接,但我仍然无法做到。 我不想被点击,但我希望它在悬停时显示工具提示和可点击。 它已经处于悬停状态,但现在它不会卡住/暂停,以便用户单击选项。 html代码 查询代码 CSS 代码
2回复

jQuery,单击其可单击容器内的元素 - 如何覆盖

我有一个列表o元素li成为我的图像轮播。 每个元素都是一个缩略图,它可以使用jQuery点击,因为我需要将图像作为li background-image 。 这个我无法改变。 当拇指点击时,它会调用一个灯箱来显示作为bg参数传递的图像。 我的jQuery代码是这样做的: 有
2回复

引导程序使图像的一部分可点击

对此还算陌生。 目前,我的首页中的一个容器中有一个图像和一个按钮。 我正在尝试将该按钮嵌入到该图像中。 我是不是该 使该图像的一部分可点击,并让其触发功能? 还是迫使该按钮浮在图片的特定位置上? 还是我应该遵循另一种方式? 以及如何实现呢? 非常感谢!
1回复

如何使可点击的日期选择器glyphicon-calender图标正常工作?

这是启用datepicket在Firefox中工作的代码 以下是html代码 我想要的是,当我单击glyphicon图标/按钮时,日历也会出现,以便我可以选择一个日期输入到同一字段中,就像输入type = date一样。
1回复

如何使整个导航栏项在Bootstrap下拉菜单中都可单击?

我在导航栏中有一个按钮,希望完全单击该按钮才能打开下拉菜单。 我似乎无法实现。 如果我添加margin而不是padding ,则会使它更加混乱。 我在这里做错了什么? 我基本上希望整个按钮都可单击,而不仅仅是文本部分。 我的标记是这样的: 并使其变得更简单: https