小编Mar*_*iss的帖子

JQuery自动完成

我的jQuery自动完成字段有问题.它有些奇怪.

这是我的自动填充字段和脚本.我的mvc函数的响应运行正常.下拉列表是可见条目.但是当我试图选择一个项目时,结果列表就会消失.有没有人有想法?

 <div class="ui-widget">
    <input id="newPlayerName" type="text" name="newPlayerName" onkeyup="checkRegistration()" />
 </div>
Run Code Online (Sandbox Code Playgroud)

码:

<script type="text/javascript">
  $(function () {
      $('#newPlayerName').autocomplete({
          source: function (request, response) {
              $.ajax({
                  url: '/Trainer/Search',
                  data: {
                      searchTerm: request.term
                  },
                  dataType: 'json',
                  type: 'POST',
                  minLength: 1,

                  success: function (data) {
                      response(data);
                  }
              });
          },
          select: function (event, ui) {
              checkRegistration(ui.item.value);
          },
          focus: function (event, ui) {
              event.preventDefault();
              $("#newPlayerName").val(ui.item.label);
          }
      });
  });
</script>
Run Code Online (Sandbox Code Playgroud)

啊......这是我正在使用的jquery脚本......

<script src="/Scripts/jquery-1.9.0.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.10.0.custom.js" type="text/javascript"></script>
Run Code Online (Sandbox Code Playgroud)

asp.net-mvc jquery autocomplete

3
推荐指数
1
解决办法
763
查看次数

单击图像时单击事件不冒泡

我有以下标记:

<ul>
    <li class="tgt"><img src="http://placehold.it/48x48" width="48px" height="48px"></li>
    <li class="tgt"><img src="http://placehold.it/48x48" width="48px" height="48px"></li>
    <li class="tgt"><img src="http://placehold.it/48x48" width="48px" height="48px"></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

来自小提琴的代码:

$('.tgt').on('click', function (e) {
    if ($(e.target).hasClass('tgt')) {
        $(e.target).addClass('active');
    }
});
Run Code Online (Sandbox Code Playgroud)

我使用jquery的事件委托将一个单击处理程序附加到所有.tgt元素.出于某种原因,如果我点击图像,事件不会冒泡到li.相反,事件目标被揭示为图像.

这是一个小提琴:http: //jsfiddle.net/CgC4V/

为什么事件没有冒充到li.tgt?

javascript jquery dom

3
推荐指数
1
解决办法
1492
查看次数

如何将图标放入&lt;ul&gt;标签中?

我想将其<i class="fa fa-exclamation-circle" style="color:red"></i> 作为我的列表样式图像。但我想使用感叹号图标而不是图像。如何将感叹号图标放入列表样式中?我应该在哪一部分更改并放置图标。如果可以的话。我正在使用引导程序,但我只想更改这部分。

如果我有这些 CSS,我该如何实现它?

ul.listing-style2 li {
  position: relative;
  padding-left: 30px;
  line-height: 2em;
  font-size: 16px;
  margin-bottom: 15px;
}
ul.listing-style2 li:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  content: "\f05d";
  font-family: 'FontAwesome';
  color: #106eea;
  font-size: 22px;
}
ul.listing-style2 li:last-child {
  margin-bottom: 0 !important;
}
ul.listing-style2.modify li {
  padding-left: 25px;
  margin-bottom: 8px;
}
ul.listing-style2.modify li:before {
  content: "\f05d";
}
Run Code Online (Sandbox Code Playgroud)
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<ul class="listing-style2 modify ml-20 mb-28">
  <li>Change in the volume of expected sales Lorem ipsum …
Run Code Online (Sandbox Code Playgroud)

html css icons font-awesome

3
推荐指数
1
解决办法
917
查看次数

为什么onclick确认方法(VsCode)中的return语句有下划线?

我想在删除对象之前对屏幕进行确认,但是 return 语句总是带有下划线。我该如何解决这个问题?

{% if notifications %}
{% for not in notifications %}
        <li>
            <figure><img src="{{not.object.image.url}}" alt=""></figure>
            <small>{{not.object.category.name}}</small>
            <h4>{{not.object.title}}</h4>
            <p>{{not.message}}</p>
            <!-- <p><a href="#0" class="btn_1 gray"><i class="fa fa-fw fa-eye"></i> View course</a></p> -->
            <ul class="buttons">
                <li><a onclick="return confirm('Are you sure?');"  href="{% url 'deleteNotificationsAdmin' not.pk %}" class="btn_1 gray delete wishlist_close" >
                    <i class="fa fa-fw fa-times-circle-o"></i> Delete</a></li>
            </ul>
        </li>
{% endfor %}
{% endif %}
Run Code Online (Sandbox Code Playgroud)

当我用鼠标悬停在它上面时,会出现错误

“return”语句只能在函数体内使用。

html javascript

3
推荐指数
1
解决办法
1000
查看次数

从所选行中选择单个单元格数据 - DataGridView

我有一个包含数据的datagridview,我已经设置了它,所以你只能一次选择一行.

但是,我需要从所选行中的一个单元格中获取数据,我已经尝试过了;

Dim data As String = DataGridView1.SelectedRows.Cells(5).toString
Run Code Online (Sandbox Code Playgroud)

这样的东西,但我不能得到它的价值,有谁知道这样做的方式?

vb.net

2
推荐指数
2
解决办法
6万
查看次数

IDE或JSP中的CRUD实用程序

我正在使用Java Bean在JSP中创建一个CRUD应用程序.我想询问IDE或任何附件中是否有内置功能来自动生成DB表的CRUD功能?

类似于setter和accessor方法可以由IDE生成.我知道我们可以使用像Spring这样的很多框架来获取CRUD,但对于一个简单的应用程序,这可能只使用JSP和java bean吗?

jsp netbeans crud javabeans java-ee

2
推荐指数
1
解决办法
1744
查看次数

div里面的按钮,不发送div onclick - JavaScript

我有一个div,那个div有一个onclick事件.在div的内部,有一些文本和一个按钮.当我点击文本时,会发送div onclick,这很好.但是,当我单击div内的按钮时,会发送按钮 div 的onclick .我知道这意味着要发生,但我需要它不会发生.有没有办法,使用jQuery,当按下按钮时不发送div onclick?

这是我当前节目的jsFiddle

<div onclick="divClick()">
This is the div
<button name="test" onclick="buttonClick()">Click Me</button>
</div>
Run Code Online (Sandbox Code Playgroud)

我真的不想使用jQuery,只是纯JavaScript

html javascript onclick button

2
推荐指数
1
解决办法
4059
查看次数

如何在数据表中的表工具中用图标替换按钮?

我有一个下载按钮,当点击下载按钮时,将显示选项.但我必须用汉堡包图标替换它.我怎样才能做到这一点

当我点击汉堡包图标时,应显示以下选项:

在此输入图像描述

下载按钮必须更改为汉堡包图标

在此输入图像描述

单击按钮时,必须显示选项

有没有办法实现这个目标?

这是我的数据表代码:

$(document).ready(function () {
    $('#ItemTable').DataTable({
        responsive: true,
        scrollX: true,
        lengthMenu: [10, 20, 50, 200, 400, 500, 1000],
        dom: 'T<"clear">lfrtip',
            "tableTools": {
            "sSwfPath": "/Content/TableTools/swf/copy_csv_xls_pdf.swf",
                "aButtons": [{
                "sExtends": "collection",
                    "fnInit": function (node) {
                    formatTableToolsButton(node, 'ui-icon-print');
                },
                    "sButtonText": "Download",

                    "aButtons": [{
                    'sExtends': "csv",
                        'sButtonText': "Save as CSV",
                        'fnClick': function (nButton, oConfig, flash) {
                        customName = getCustomFileName() + ".csv";
                        flash.setFileName(customName);
                        this.fnSetText(flash, this.fnGetTableData(oConfig));
                    }
                }, {
                    'sExtends': "xls",
                        'sButtonText': "Export as Excel",
                        'fnClick': function (nButton, oConfig, flash) {
                        customName = …
Run Code Online (Sandbox Code Playgroud)

css jquery datatables tabletools

2
推荐指数
1
解决办法
2582
查看次数

sql server中XML解析非法字符

illegal xml character将表记录解析为 xml 时出现错误。

\n
SELECT \n    mb.ProductTitle,mb.ProductDescription,\n    CAST((\n        SELECT\n            Id,                             \n            ProductDescription,\n        FROM ProductsManagement AS mpm\n        WHERE mpm.MattressId = 6\n        FOR XML PATH('ProductItemListModel'), \n        ROOT('MattressBarndProductItemList'))as XML)\nFROM Brands AS mb\nWHERE mb.Id = 6\nFOR XML PATH(''), ROOT('ProductModel')\n
Run Code Online (Sandbox Code Playgroud)\n

或者

\n
SELECT CONVERT(XML,'lift')\n
Run Code Online (Sandbox Code Playgroud)\n

描述记录如下:

\n
\n

Sealy 的 Ease\xe2\x84\xa2 可调节底座是让您的床变成完美放松场所的简单方法。无线遥控器控制头部和腿部抬起,几乎可以实现无限范围的人体工学姿势。”

\n
\n

上面没有解析成xml。

\n

xml sql sql-server stored-procedures

2
推荐指数
1
解决办法
1万
查看次数

如何更改引导程序中具有特定类的表格行的悬停背景颜色?

编辑:

这是表格和 CSS:

.table-hover tbody tr:hover {
  background-color: #fff !important;
}
Run Code Online (Sandbox Code Playgroud)
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" type="text/css" href="styles.css" />
  </head>
  <body>
    <table class="table table-hover">
      <thead>
        <tr>
          <th scope="col">Type</th>
          <th scope="col">Column heading</th>
          <th scope="col">Column heading</th>
          <th scope="col">Column heading</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th scope="row">Default</th>
          <td>Column content</td>
          <td>Column content</td>
          <td>Column content</td>
        </tr>
        <tr class="table-primary">
          <th scope="row">Primary</th>
          <td>Column content</td>
          <td>Column content</td>
          <td>Column content</td>
        </tr>
        <tr class="table-dark">
          <th scope="row">Primary</th>
          <td>Column …
Run Code Online (Sandbox Code Playgroud)

css bootstrap-5

2
推荐指数
1
解决办法
5576
查看次数