小编RA1*_*A19的帖子

滑动不适用于轮播中的第一个项目,但在单击箭头后起作用

我正在使用 bootstrap carousel,并且已将 data-bs-touch 启用为 true。滑动似乎仅在您第一次单击箭头后才起作用,然后触摸/滑动适用于移动视图上的每个项目。如何让触摸也适用于轮播中的第一个项目?我正在使用 Bootstrap v5.1。

见下面的代码:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>



<div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-touch="true" >
  <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2" class="" aria-current="true"></button>
    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3" class=""></button>
  </div>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <svg class="bd-placeholder-img bd-placeholder-img-lg d-block w-100" width="800" height="400" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: First slide" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#555" dy=".3em">First slide</text></svg>

    </div> …
Run Code Online (Sandbox Code Playgroud)

carousel bootstrap-5

5
推荐指数
1
解决办法
1176
查看次数

如果选择第一个选项,jQuery将多选所有值

如果选择了第一个选项"全部",那么我想确保选中所有剩余的选项.如果未选中第一个选项"全部",则我希望确保取消选中所有剩余选项.

它似乎是选择值,但不检查前端的选项.

Codeply示例:https://www.codeply.com/go/ExFJtHShnF

我写过的Jquery代码 - 不能正常工作

$("#basic").change(function () {   
    if ( $("#basic option:first").prop('selected') ) {
        $('#basic option').prop('selected', true);
    }
});
Run Code Online (Sandbox Code Playgroud)

c# jquery

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

从 Javascript DotNet.invokeMethodAsync 调用的 Blazor 中的静态方法调用 C# 非静态方法

我知道我们可以通过调用 DotNet.invokeMethodAsync 方法从 JavaScript 更改 Blazor 中的 C# 属性值。我有以下工作,但在这种方法中我还想调用一个非静态方法。

JS文件:

[script.js]

function ChangeContentJS() {
    DotNet.invokeMethodAsync('InvokeFromJsApp', "ChangeParaContentValue", "New Content");
}
Run Code Online (Sandbox Code Playgroud)

剃须刀页面:

     [Index.razor]
    
    @page "/"
    
    @inject IJSRuntime JSRuntime
    
    <h1>Change C# property value from JavaScript</h1>
    <br />
    <button @onclick='ButtonClickHandler'>Change Content - JS</button>
    <br />
    <p>@ParaContent</p>
    
    @code {
        public static string ParaContent = "Some Text Content"; 

        public async Task ButtonClickHandler()
        {
            await JSRuntime.InvokeAsync<string>("ChangeContentJS");
        }
    
        [JSInvokable]
        public static void ChangeParaContentValue(string value)
        {
            ParaContent = value;
            RunNewCode(); //DOESNT WORK AS ITS A NON-STATIC METHOD
        }

        public …
Run Code Online (Sandbox Code Playgroud)

.net javascript c# blazor

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

C#date在全局变量.NET中滚动13个月的值

在C#中如何datetime在.NET中获得以下值.我试图看看今天的日期并试图滚动13个月.因此,上个月减去 13个月,即2017年12月,但需要在00:00:00000获得该月的第一天.还试图得到一个enddate如下所述,这是上个月底.

试图得到这个并将其分配给我的代码中的变量.

开始日期:

2017-12-01 00:00:00.000 
Run Code Online (Sandbox Code Playgroud)

结束日期:

2019-01-31 23:59:59.000
Run Code Online (Sandbox Code Playgroud)

什么是最好的方法来获得这个?

c# datetime timespan

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

标签 统计

c# ×3

.net ×1

blazor ×1

bootstrap-5 ×1

carousel ×1

datetime ×1

javascript ×1

jquery ×1

timespan ×1