小编Ter*_*nce的帖子

我正在尝试在我的console.log中标记具有活动类时显示data-attributeanchor

不幸的是,它总是输出一个null值.

我提到了这个stackoverflow问题

这是我的HTML:

$(document).ready(function () {

  $('.list-group-item').on('click', function (e) {

    var previous = $(this).closest(".list-group").children(".active");
    previous.removeClass('active'); // previous list-item
    $(e.target).addClass('active'); // activated list-item

    var itemType = $('.list-group a').find('.active').data('itemtype');

    console.log(itemType);

  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="list-group">
  <a href="#" class="list-group-item" data-itemtype="1">Cras justo odio</a>
  <a href="#" class="list-group-item" data-itemtype="0">Dapibus ac facilisis in</a>
  <a href="#" class="list-group-item" data-itemtype="3">Morbi leo risus</a>
  <a href="#" class="list-group-item" data-itemtype="4">Porta ac consectetur ac</a>
  <a href="#" class="list-group-item" data-itemtype="2">Vestibulum at eros</a>
</div>

请帮助我跟上开发的步伐.

先感谢您

我只是想知道如何使用 HTML/CSS 获得这种 UI 设计：

应该是每次用户输入新数据时，都会用分隔符和项目符号显示数据。

我对 HTML/CSS 方面的这些 UI 设计不熟悉。

我正在为我的网站实施这个选择器。我遇到了一个问题，即具有selectpicker它的类的元素没有显示在我的 DOM 上。

这是代码

<div id="modal-container"  class="modal fade hidden-print" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span></button>
    <h4 class="modal-title" id="myModalLabel">Add New Experience</h4>
    </div>

        <div id="addExperience" class="modal-body">
            <div class="form-horizontal">
                <div class="form-group">
                                <div class="col-md-12">
                                    <select class="user-form selectpicker show-tick form-control" data-live-search="true">
                                        <option>A</option>
                                    </select>
                                </div>
                            </div>
            </div>

        </div>
    </div>
</div>

请帮助我跟踪我的发展。

谢谢！

我试图在用户选中复选框时禁用文本框.

我用一个文本框和复选框完成了它.

如果用户可以添加带复选框的多个文本框,我现在卡住了什么？

这是我的输出到目前为止的样子.

我的输出是什么,每当我勾选复选框时,禁用的attr只是在一个文本框上切换到另一个文本框.

我想要做的是,当选中一个复选框时,文本框仍然保持禁用状态,直到我取消选中其相应的复选框.

这是我到目前为止编码的内容.

HTML

    <div id="operator_properties">
        <label for="operator_title">Operator's title:  </label> <input type="text" id="operator_title">
        <br /><br />
        <button id="append" class="btn btn-primary">Add Connectors</button>
        <br /><br />
        <div class="col-md-10">
            <div id="parent"></div>
        </div>
        <div class="clearfix"></div>
        <hr />
        <div class="col-md-12">
            <button class="btn btn-success" id="operator_btn">
                Confirm
            </button>
        </div>
        <div class="clearfix"></div>
    </div>

jQuery的

$(function () {
    var count = 1;
    $('#append').click(function () {
        $('#parent').append('<div class="operator"> <div class="row"> <div class="col-md-2"><input type="text" id="input' + count + '" class="input-text" placeholder="Input' + count + ' title"><br /> …

我的网站中有一个功能，当用户将鼠标悬停在他/她的显示图片上时，会出现一个叠加层。

但遗憾的是，我希望覆盖层不要覆盖整张照片。我希望它只是圆的一半。

我曾尝试研究解决方案，但似乎找不到任何解决方案。

这是我希望它看起来像的图像。

提前致谢。

如果您能指导我如何实现这种效果，我将不胜感激。