Вставка функции jQuery с динамическими значениями параметров

Question

Я пытаюсь динамически вставлять функцию jQuery в элемент. Я делаю это динамически, потому что параметры функции могут меняться.

Как вы можете видеть values, min, max свойства, а также параметры функции, присоединенные к событию stop и slide являются динамическими. Поэтому я думал, что я бы ввел всю функцию динамически, в настоящее время я вставляю ее как строку, которая, очевидно, просто вставляет текст и не работает код.

$.ajax({ 
     type: "GET", 
     url: "/service.svc/getshopitems/?newurl=" + parseCorrectURL(newURL), 
     data: "", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (data) { 

//here I'm setting all variables that are used as values in the function to be inserted 

$('.left_nav').append('$(function() {$("#slider_pricefilter").slider({range: true,values: [' + pricemin_query + ', ' + pricemax_query + '],min:' + pricemin + ',max: ' + pricemax 
    + ',stop: function(event, ui){updateResults("price",ui.values[0]+"-"+ui.values[1]);},slide: function (event, ui) {$("#amount").val("' + currencySign + '"+ui.values[0] + " - ' + currencySign + '" + ui.values[1]);}});$("#amount").val("' + currencySign + '"+$("#slider_pricefilter").slider("values", 0) + " - ' + currencySign + '" + $("#slider_pricefilter").slider("values", 1));});');   

     } 
    });   

Это фактическая функция, которая должна быть вставлена:

$(function() { 
    $("#slider_pricefilter").slider({ 
     range: true, 
     values: [12, 24], 
     min: 12, 
     max: 24, 
     stop: function (event, ui) { 
      updateResults("price", ui.values[0] + "-" + ui.values[1]); 
     }, 
     slide: function (event, ui) { 
      $("#amount").val("€" + ui.values[0] + " - €" + ui.values[1]); 
     } 
    }); 
    $("#amount").val("€" + $("#slider_pricefilter").slider("values", 0) + " - €" + $("#slider_pricefilter").slider("values", 1)); 
}); 

Однако, это кажется слишком сложный подход, так что должно быть лучше. Возможно, я могу изменить параметры существующей функции, а затем снова вызвать эту функцию? Если это способ, как убедиться, что введенный код действительно работает?

Answer 1

, когда вы вставляете ползунок в левую навигационную панель. вставить как этот

//this functionString will contain all your javascript. 
var functionString = '(function() { alert("hi"); })()'; 

$(".left_nav").append("<div id='slider_pricefilter'></div>");//create the slider div in the left nav 
$(".left_nav").append("<script>" + functionString + "</script>");//append the slider event to the slider_pricefilter in the left nav