Jquery UI में 'url' विधि को प्रतिस्थापित करना 1.9 टैब

मैं वेब एप्लिकेशन पर काम कर रहा हूं और JQuery UI टैब का उपयोग करके बड़ी प्रगति कर रहा हूं, विशेष रूप से अजेक्स अनुरोध के लक्ष्य यूआरएल को गतिशील रूप से अपडेट करने की 'url' विधि जो बाध्य थी प्रत्येक टैब मैंने यहां एक सरलीकृत उदाहरण बनाया है:Jquery UI में 'url' विधि को प्रतिस्थापित करना 1.9 टैब

2 टैब में से प्रत्येक, फ़ंक्शन 1 & फ़ंक्शन 2, परीक्षण में पारित पैरामीटर के आधार पर कुछ परीक्षणों के परिणाम प्रदर्शित करें। परीक्षण पूरे समय समान रहते हैं, लेकिन मैं टैब में बाध्य यूआरएल को जोड़कर कार्यों में उपयोग किए गए चर बदल रहा था। आलसी लोडिंग टैब पर बुलाए जाने वाले यूआरएल को अपडेट करने की 'यूआरएल' विधि ने मुझे ऐसा करने की इजाजत दी, लेकिन अब इसे हटा दिया गया है और जल्द ही इसका समर्थन नहीं किया जाएगा। इसलिए मैं JQuery UI 1.9 में 'पहले लोड' ईवेंट का उपयोग करके ऐसा करने का एक तरीका खोज रहा हूं।

सुझाव यह था कि कोई डेटा पैरामीटर सेट करने के लिए ui.ajaxSettings में हेरफेर कर सकता है लेकिन एक बग (http://bugs.jqueryui.com/ticket/8673) है, और ऐसा लगता है कि यह ठीक नहीं होगा। सुझाव दिया गया है कि इसके बजाय ui.ajaxSettings.url में हेरफेर करना है।

मेरा कामकाजी उदाहरण नीचे है, लेकिन मुझे यकीन नहीं है कि यह मेरे पास क्या हासिल करने के लिए सबसे स्वच्छ/सबसे उपयुक्त तरीका है और किसी भी सुझाव का स्वागत किया जाएगा। मैं इस बारे में उदाहरण खोजने के लिए संघर्ष कर रहा हूं कि यह कैसे करना है, इसलिए उम्मीद है कि यह किसी और स्थिति में किसी और की मदद करेगा।

<title> Jquery Tabs AJAX Test</title> 

<script type="text/javascript" src="js/jquery-1.8.2.js"></script> 
<script type="text/javascript" src="js/jquery-ui-1.9.1.custom.js"></script> 
<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.9.1.custom.css"> 

</head> 
<body > 

<script type=text/javascript> 
    $(document).ready(function() { 

     $('#tabs').tabs({ }); 

     $('button.set_variable').click(function() { 
      var variable = $(this).val(); 
      $('#tabs').tabs({ 
       beforeLoad: function(event, ui) { 
        ui.ajaxSettings.url += "&variable=" + variable ; 
        } 
       }); 
      var selected_tab = $('#tabs').tabs('option', 'selected'); 
      $('#tabs').tabs("load", selected_tab); 
      }); 
    }) 
</script> 

    <button class="set_variable" value="1">Variable = 1</button> 
    <button class="set_variable" value="2">Variable = 2</button> 
    <button class="set_variable" value="3">Variable = 3</button> 

    <div id="tabs" > 
    <ul> 
     <li><a href="ajax.php?func=ajax-func1">Function 1 </a></li> 
     <li><a href="ajax.php?func=ajax-func2">Function 2 </a></li> 
    </ul> 
    </div> 
</body></html>

N.B. AJAX.php फ़ाइल यहां बस जो कुछ पारित किया गया था उसे वापस echos।

<?php 
    extract($_GET); 
    var_dump($_GET); 
?>

स्रोत

2012-11-21 Boidy

मैं इसके लिए एक [jsfiddle] (http://jsfiddle.net/DNWzY/) किया – Shikiryu

तुम भी कुछ इस तरह कर सकता है:

var variable = ''; 
$('#tabs').tabs({ beforeLoad: function(event, ui) { 
    if(variable != '') 
     ui.ajaxSettings.url += "&variable=" + variable ; 
}}); 

$('button.set_variable').click(function() { 
    variable = $(this).val(); 
});

http://jsfiddle.net/DNWzY/1/

स्रोत

2013-04-09 21:08:04 Shikiryu

Jquery UI में 'url' विधि को प्रतिस्थापित करना 1.9 टैब

उत्तर

संबंधित मुद्दे