/ / एनवी क्लिक होने पर Jquery स्क्रॉल करने योग्य ऑटोप्ले को रोक नहीं सकता - jquery, onclick, scrollable, nav

एनवी क्लिक होने पर Jquery स्क्रॉल करने योग्य ऑटोप्ले को रोक नहीं सकता - jquery, onclick, scrollable, nav

मैं एक नौसेना के साथ स्क्रॉल करने योग्य jQuery यूआई टूल्स का उपयोग कर रहा हूं। मुझे यह चाहिए कि यह स्वचालित रूप से ऑटोप्लेज़ हो, जो ठीक है, लेकिन जब भी मैं नौसेना के साथ बातचीत करता हूं तो समय सभी फंकी हो जाता है।

जब मैं किसी भी नौसेना लिंक पर क्लिक करता हूं तो मैं इसे रोकना चाहता हूं। मैं रुकने के लिए स्क्रॉलिंग प्रतीत नहीं कर सकता!

यहां "वह कोड है जो इसे बंद करता है:

HTML:

    <div id="flowpanes">
<div class="items">
<div>
<h1>Content 1</h1>
</div>
<div>
<h2>Content 2</h2>
</div>
<div>
<h2>Content 3</h2>
</div>
<div>
<h2>Content 4</h2>
</div>
</div>
</div>
<ul id="flowtabs" class="navi">
<li><a href="#one" class="current"></a></li>
<li><a href="#two"></a></li>
<li><a href="#three"></a></li>
<li><a href="#four"></a></li>
</ul>

Jquery जो इसे सक्रिय करता है:

$(document).ready(function() {
$("#flowpanes").scrollable({ circular: true, mousewheel: true }).autoscroll({autoplay: true,interval: 5000,steps: 1}).navigator({
navi: ".navi",
naviItem: "a",
activeClass: "current",
history: false,
})
});

मैंने कोशिश की, लेकिन यह काम नहीं किया:

$(".navi a").click (function(){
api.stop()
});

फिर मैंने वास्तविक बटन पर जेएस जोड़ने की कोशिश की,लेकिन मुझे नहीं लगता कि मैं इसे सही तरीके से निर्दिष्ट कर रहा हूं - क्या नीचे दिए गए कोड की तरह कुछ स्क्रॉल करने योग्य क्षेत्र को इंगित करने के लिए कुछ और चाहिए - स्क्रॉलिंग सामग्री ul.navi के ऊपर एक भाले div में है:

 <ul id="flowtabs" class="navi">
<li><a href="#one" class="current" onclick="api.stop()"></a></li>
<li><a href="#two" onclick="api.stop()"></a></li>
<li><a href="#three" onclick="api.stop()"></a></li>
<li><a href="#four" onclick="api.stop()"></a></li>
</ul>

मैंने क्लिक करने योग्य जोड़ने का भी प्रयास किया: इतिहास के तहत नेविगेटर अनुभाग में झूठा: झूठा, लेकिन यह काम नहीं करता है।

क्या कोई मदद कर सकता है?

उत्तर:

जवाब के लिए 0 № 1

यदि आप jquery ui scroller उदाहरण के स्रोत कोड को देखते हैं jQuery स्क्रॉल करने योग्य वे वर्तमान विंडो में एपीआई ऑब्जेक्ट को असाइन करने के लिए इस निर्देश का उपयोग करते हैं:

// provide scrollable API for the action buttons
window.api = root.data("scrollable");

या तुमने कोशिश की?