我有2个具有相同功能的按钮,即从API获取数据,然后转换为html,然后使用jQuery将其附加到<div>。最后,使用漂亮的 jQuery插件显示它以将HTML元素显示为滑块。
但是,单击第一个按钮后,如果我单击第二个按钮(反之亦然),则slick(滑块)将不再起作用。
该的Javascript代码:
$(document).ready(function(){
/*
Description : Handle Day Button Event
*/
$('.dayList').on("click", function(event)
{
var dayChild = $(this).attr('id');
//::refresh day lline
$('.hour-to-hour-line').empty();
getHourList(dayChild,function()
{
/*
The Slick
*/
$('.hour-to-hour-line').slick({
dots: false,
infinite: false,
speed: 1000,
slidesToShow: 6,
slidesToScroll: 1,
focusOnSelect: true,
arrows: false,
slickSetOption: true
});
});
});
});
Run Code Online (Sandbox Code Playgroud)
该HTML代码:
<div id="monday" class="dayList" data-daycount = "1" tabindex="1"> Monday </div>
<div id="tuesday" class="dayList" data-daycount …Run Code Online (Sandbox Code Playgroud) 钢笔就在这里
当根据两个元素的类的存在点击链接/按钮时,我有两个元素设置来改变宽度,增加或减少.只有if一节if...else中的.toggle功能似乎是工作.抽屉打开但随后在触发元素的后续点击时不会关闭,尽管通过单击触发元素仍然可以成功地来回更改类.
我在这里错过了什么?谢谢.
var container = document.getElementById('container');
container.widthOpen = '800px';
container.widthClosed = '210px';
container.isOpen = function() {
return this.classList.contains('open');
};
container.toggle = function() {
this.classList.toggle('open');
if (this.isOpen) {
$(this).animate({
width: container.widthOpen
});
} else {
$(this).animate({
width: container.widthClosed
});
}
};
var drawer = document.getElementById('drawer');
drawer.widthOpen = '600px';
drawer.widthClosed = '10px';
drawer.isOpen = function() {
return this.classList.contains('open');
};
drawer.toggle = function() {
this.classList.toggle('open');
if (this.isOpen) {
$(this).animate({
width: drawer.widthOpen
});
} else …Run Code Online (Sandbox Code Playgroud) public class RunProg {
static int input1; //for creating new human;
static boolean Married; //for knowing if married or not
static String isMarried; //for the YES or No of Married Boolean
public static void main(String[] args) {
Scanner input = new Scanner(System.in);
System.out.print("What would you like to do? \n 1-Create new Human?\n");
input1 = input.nextInt();
input.nextLine();
//Inputs for The NEW HUMAN
if (input1 == 1) {
System.out.println("Enter name:");
String Name = input.nextLine();
System.out.println("Good! Now enter the age of " + …Run Code Online (Sandbox Code Playgroud) if-statement ×2
javascript ×2
jquery ×2
class ×1
control-flow ×1
html ×1
java ×1
object ×1
slider ×1
this ×1