Question

我对Javascript和Jquery相对较新。我想问一个简单的问题。我正在使用博客平台并使用自定义模板。下面是一个Jquery代码片段，用于在我们在该插件中提供类别框[slideshow-v2]时，从已获取的插件添加和删除滑块上的某些类。

"slideshow-v2" === a.options.postType &&
    (750 > $(window).width() && (
            $("#intro").remove(), $("#intro").css(
            {
                height: "0px"
            })), d("#jms-slideshow", a.$el).append(
            F), $("#intro").css(
        {
            padding: "0px 0px 160px 0px",
            background: "url(https://2.bp.blogspot.com/-TXuyvglUfBk/V8fyEoS_OFI/AAAAAAAADmY/AprIWLTTMLUR7ULYIk-iBslvZNdaPG5hQCLcB/s1600/Home_Part_Background.jpg) 50% -75px no-repeat fixed"
        }), $("#ab-menu").addClass(
            "addOpacity"), $("#ab-menu").addClass(
            "fix"),
        $(window).bind("scroll", function()
        {
            $(window).scrollTop();
            $("#ab-menu").addClass("addOpacity");
            $("#ab-menu").addClass("fix")
        }), $("#jms-slideshow").jmslideshow($
            .extend(!0,
            {
                jmpressOpts:
                {
                    animation:
                    {
                        transitionDuration: "1.8s"
                    }
                }
            },
            {
                autoplay: !0,
                bgColorSpeed: "1.5s",
                interval: 6E3,
                arrows: !0
            })));

现在我调整了模板并直接创建了一个滑块。下面是它的代码。

<div class='slide' id='intro'>
<section class='jms-slideshow' id='jms-slideshow'>
<div class='step' data-color='color-1'>
<div class='jms-content'>
  <h3>Some Headline</h3> 
<div class='linetop'/>
<p>Washmally Washmally</p>
<a class='jms-link' href='#'>Read more</a>
</div>
<img src='https://4.bp.blogspot.com/-s7ipZ41jnTo/V8vJH0inFnI/AAAAAAAADng/p-Y9iI3xT7E27O0DdobhQ9OR1tVIF8N7wCLcB/s1600/Home1%2B%25281%2529.jpg'/></div>
</section>
</div>

所以现在Slider正在工作，但它的设计和类被操纵了。我想将上面的JQuery代码应用于下面的滑块。我怎么能这样做感谢

如何将JQuery应用于此插件

0 个答案: