表单元素不可写但适用于iframe

Question

我创建了一个这样的表单元素：

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

但它不适用于我的.html网站。我无法输入内容..但如果我用iframe嵌入它就完美了..我在我的内容区域使用滚动脚本“iscroll”。但我无法弄清楚为什么它不能与之合作。

有没有人有想法？感谢

Answer 1

您正在使用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" />

Answer 2

我希望这对你有所帮助。但是我在代码中找不到script来检查你如何绑定iScroll插件。因为iScroll它会自我阻止某些事件。但最有可能的是，如果绑定iScroll之后任何表单字段没有响应，则意味着这是我以前克服的解决方案。

input fields not responding after added 'iscroll'-PhoneGap