如何從JavaScript中動態創建的特定元素中提取值

我是JavaScript和Jquery的新手。我開始改變Chris Powers的商業規則。 https://github.com/chrisjpowers/business-rules 我想在數字中添加一個範圍滑塊，並且還想添加一個數字微調器。我曾嘗試使用開源滑塊。但我面臨的問題是，如果我把滑塊的html放在純html文件中，那麼它就是渲染。但是，因爲我們希望它動態生成，所以嘗試通過JavaScript沒有提供所需的結果，它只是顯示一個空白的文本字段。如何從JavaScript中動態創建的特定元素中提取值

實施例：（從jquery的-UI）

<div class="slider-range"></div>//this works

但是，如果從JavaScript等嘗試：

var input = $("<div>",{"class":" slider-range rem "}); 
$this.after(input);

這創造了一個空白的輸入文本框。我認爲裏面另外一個文件，所以我在寫標題，如JavaScript支持不讀：

<script> 
     $(function() { 
     $(".slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 100, 
     values: [ 75, 100 ], 
     slide: function(event, ui) { 
     $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
     } 
     }); 
     $("#amount").val("$" + $(".slider-range").slider("values", 0) + 
     " - $" + $(".slider-range").slider("values", 1)); 
     }); 

    </script>

它似乎仍然沒有工作。我爲我的無知道歉，但我努力工作。請給我一些希望。

來源

2014-10-29 user3878332

我創建了一個DEMO FIDDLE它似乎工作正常。

var input = $("<div>",{"class":" slider-range rem"}); 
$("#empty").after(input); 

$(".slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 100, 
     values: [ 75, 100 ], 
     slide: function(event, ui) { 
      $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
     } 
    }); 

    $("#amount").val("$" + $(".slider-range").slider("values", 0) + " - $" + $(".slider-range").slider("values", 1));

來源

2014-10-29 16:16:36 CodeGodie

OMG多麼愚蠢的我。在過去的28個小時左右，我一直在苦苦掙扎。它在$（「。slide-ranger」）...在$（「＃empty」）後面（輸入）後面開始工作。有沒有一種方法可以找出放置你的JavaScript的位置，如果幻燈片範圍代碼在另一個文件中，那麼如何在$（「＃empty」）。after（input）之後立即調用它？雖然我現在對結果很滿意。感謝百萬和快樂的編碼 – user3878332 2014-10-29 16:25:40

只要你的javascript鏈接標籤放在'$（「＃empty」）後面，它就應該始終工作。 – CodeGodie 2014-10-29 17:01:45

如何從JavaScript中動態創建的特定元素中提取值

回答

相關問題