jQuery教程分享jQuery>在表单提交时更新内联脚本

我正在使用ChemDoodle Web Components在网页上显示分子。 基本上，我可以在我的页面中插入以下脚本，它将创建一个HTML5canvas元素来显示分子。

 var transform1 = new TransformCanvas('transform1', 200, 200, true); transform1.specs.bonds_useJMOLColors = true; transform1.specs.bonds_width_2D = 3; transform1.specs.atoms_useJMOLColors = true; transform1.specs.atoms_circles_2D = true; transform1.specs.backgroundColor = 'black'; transform1.specs.bonds_clearOverlaps_2D = true; transform1.loadMolecule(readPDB(molecule));  

在此示例中，“分子”是我通过使用jQuery.ajax（）函数加载PDB文件在外部脚本中定义的变量。 这一切都很好，很好。

现在，我想在页面上包含一个表单，允许用户粘贴PDB分子定义。 提交表单后，我想用表单数据更新“分子”变量，以便ChemDoodle Web Components脚本能够运行其魔术和显示分子，该分子由粘贴到表单中的PDB定义定义。

我使用以下jQuery代码来处理表单提交。

 $(".button").click(function() { // validate and process form here //hide previous errors $('.error').hide(); //validate pdb textarea field var pdb = $("textarea#pdb").val(); if (pdb == "") { $("label#pdb_error").show(); $("textarea#pdb").focus(); return false; } molecule = pdb; }); 

此代码在表单提交时设置“分子”变量，但不会像我希望的那样将其传递回内联脚本。 我已经尝试了很多这方面的变化，但似乎无法做到正确。 关于我可能出错的地方的任何线索都将非常感激。

 $(".button").click(function() { // validate and process form here //hide previous errors $('.error').hide(); //validate pdb textarea field var pdb = $("textarea#pdb").val(); if (pdb == "") { $("label#pdb_error").show(); $("textarea#pdb").focus(); return false; } LoadMolecule(pdb); }); 

 try { eval(pdb); } catch (e) { // error; syntax error in their code. }; 

以上就是jQuery教程分享jQuery>在表单提交时更新内联脚本相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注(编程笔记)。