我正在使用 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) 如果选择了第一个选项"全部",那么我想确保选中所有剩余的选项.如果未选中第一个选项"全部",则我希望确保取消选中所有剩余选项.
它似乎是选择值,但不检查前端的选项.
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) 我知道我们可以通过调用 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) 在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# ×3
.net ×1
blazor ×1
bootstrap-5 ×1
carousel ×1
datetime ×1
javascript ×1
jquery ×1
timespan ×1