表單元素不可寫，但用IFRAME

工作我創建一個這樣的表單元素：表單元素不可寫，但用IFRAME

<form id="TextForm1" name="TextForm1"> 
      <input type="text" id="Text1" name="Text1" value="" placeholder="" /> 
</form>

但isn't在我的.html現場工作。我不能輸入東西..但是，如果我將它嵌入到iframe中，它可以完美地工作..我在我的內容區域中使用了一個滾動腳本「iscroll」。但我不知道爲什麼它沒有與它合作。

有沒有人有想法？由於

來源

2013-06-11 Marc Ster

你可以做一個[的jsfiddle（http://jsfiddle.net/）？ –

i'll嘗試..一個時刻 –

http://jsfiddle.net/pS8rD/我不知道爲什麼，但小提琴isn't正常工作..：/ –

您正在使用jQuery的，所以你可以使用click event，如：

Check Out The Working Demo

$(yourElement).click(function() 
{ 
    // your code 
});

我改變你的代碼的兩個函數來此，並移除了輸入的onclick事件：

的JavaScript：

$('#buttonCm').click(function(){ 
    var cmEingabe = document.getElementById("cm"); 
    var cm = cmEingabe.value; 
    var cmNeu = cm - 3; 
    $('#Liste').append('<br/>' + '<br/>' + '-' + ' '+ 'Bauteil passend zu ' + cmNeu +'cm' + ' ' +'Breite'); 
    $('#Form1').fadeOut(700); 
    $('#Form2').delay(700).fadeIn(700); 
}); 

$('#buttonCm2').click(function(){ 
    var cmEingabe2 = document.getElementById("cm2"); 
    var cm2 = cmEingabe2.value; 
    $('#Liste').append('<br/>' + '<br/>' + '-' + ' '+ 'Bauteil passend zu ' + cm2 +'cm' + ' ' +'Höhe'); 
    $('#Form3').fadeOut(700); 
    $('#Liste').delay(700).fadeIn(700); 
});

HTML：

<input type="button" id="buttonCm" name="buttonCm" value="auswählen" /> 
<input type="button" id="buttonCm2" name="buttonCm2" value="auswählen" />

來源

2013-06-11 14:35:03

hm它使小提琴起作用，但它不能解決我無法在現場寫字的問題。我不知道爲什麼它不是在當地工作，但在jsfiddle ..但非常感謝你的努力 –

我希望這可以幫助你。但是我在代碼中找不到script來檢查你是如何綁定iScroll插件的。因爲iScroll它自我防止一些事件。但最有可能的是，如果任何表單域在您綁定iScroll後沒有響應，這意味着這是我用來克服的解決方案。

input fields not responding after added 'iscroll'-PhoneGap

來源

2013-06-14 09:09:14

表單元素不可寫，但用IFRAME

回答

相關問題