पर विफल रहता है मेरे पास कोड का एक टुकड़ा है जहां मेरे पास दो बटन हैं और जब मैं एक बटन दबाता हूं तो मैं चाहता हूं कि एक div y-axis पर फ़्लिप करें और जब मैं अन्य बटन दबाता हूं तो मैं वही चाहता हूं एक्स-अक्ष पर फ़्लिप करने के लिए div। यह ठीक काम करता है जब मैं वाई-अक्ष के लिए बटन का उपयोग करता हूं भले ही पिछली फ्लिप एक्स-अक्ष पर थी। लेकिन जब मैं वाई-अक्ष से x-axis में स्विच करना चाहता हूं तो मुझे x बटन को दो बार दबाए जाने की आवश्यकता है क्योंकि पहली बार कुछ भी नहीं होता है।jQuery फ्लिप प्लगइन स्विच फ़ंक्शन स्विच
तो वांछित व्यवहार है:
क्लिक y बटन y- अक्ष पर div फ्लिप।
एक्स-एक्स पर एक्स एक्स फ्लिप पर क्लिक करें।
वर्तमान व्यवहार है:
क्लिक y बटन div y- अक्ष पर flips।
क्लिक करें x बटन कुछ भी नहीं होता एक्स-अक्ष पर फिर से एक्स बटन पर क्लिक करें।
मुझे नहीं पता कि समस्या क्या है, यह अब तक का सबसे अच्छा है। सभी मदद की सराहना की जाती है।
var ax = 'x';
$(document).ready(function() {
$('#card').flip({
trigger: 'manual',
axis: 'x'
});
$('#left').click(function() {
if (ax != 'y') {
$("#card").flip({
axis: 'y'
});
$("#card").on('flip:change', function() {
$('#card').flip('toggle');
});
ax = 'y';
} else {
$("#card").flip('toggle');
}
});
$('#right').click(function() {
if (ax != 'x') {
$("#card").flip({
axis: 'x'
});
$("#card").on('flip:change', function() {
$('#card').flip('toggle');
});
ax = 'x';
} else {
$("#card").flip('toggle');
}
});
});
#card {
position: fixed;
left: 50px;
top: 50px;
width: 200px;
height: 200px;
}
.front {
width: 100%;
height: 100%;
background-color: red;
}
.back {
width: 100%;
height: 100%;
background-color: yellow;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/nnattawat/flip/master/dist/jquery.flip.min.js"></script>
<button id="left">y</button>
<button id="right">x</button>
<div id="card">
<div class="front">Front content</div>
<div class="back">Back content</div>
</div>
आप विस्तार से बता सकता है कि तुम क्या यह काम ?, और हो सकता है की व्याख्या क्या त्रुटि के कारण बनाने के लिए किया था? – FutureCake
@FutureCake मैंने टिप्पणी को जोड़ा, 'फ्लिप: चेंज' फ़ंक्शन क्लिक ईवेंट के बाहर होना चाहिए। – Shiladitya
कभी-कभी पहला क्लिक अच्छा नहीं होता है –