jquery：将文本加载到文档加载

  • Z时代
  • 2024-01-10
  • 分类：问答

使用jQuery的插件体系结构，我在我的js文件中添加了一行代码，它将简单的“div”元素附加到文本框中。这个任务似乎很简单，但我无法弄清楚我要去哪里错了。jquery：将文本加载到文档加载

从我的HTML文件中的代码片段

<div style="margin-top:50px"> 
    Search: <input id="searchbox" type="text" /><br /> 
</div> 
... 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('#searchbox').testplugin(); 
}) 
</script>


这是从testplugin.js文件

init : function(options) 
{ 
    // some initialization 
    // iterate through all the jquery objects 
    return this.each(function() { 
     $(this).append('<div>Sample Text</div>'); 
    }); 
}

在这一点上，我敢肯定，$（这）是指正确的对象（我已经尝试提醒该ID）。另外，当我尝试在Firefox中执行“查看源代码”时，我还会看到新添加的div（但不在实际的GUI中）。但是，在Internet Explorer中，出现“意外调用方法或访问权限”错误。

我在这里做错了什么？或者我该怎么做才能做到这一点？

谢谢！ Erwin

回答：

修改我的代码（），而不是追加（）

init : function(options) 
{ 
    // some initialization 
    // iterate through all the jquery objects 
    return this.each(function() { 
     $(this).after('<div>Sample Text</div>'); 
    }); 
}

回答：

Erwin，我很确定每个规范 - 你不能把一个div元素放入一个input元素。这可能是您的IE错误&的原因，因为您的浏览器在加载时没有看到任何内容。

试试.val（'test'）;而不是追加（）&你可能会遇到工作代码，与.addClass（'yourcssclass'）相同;或任何其他“合法”的DOM操作。

回答：

init : function(options) 
{ 
// some initialization 
// iterate through all the jquery objects 
return this.each(function() { 
    $(this).val('Sample Text'); 
}); 
}

这个代码将会帮助，如果你正试图使文本框“示例文字” 你的插件仍然会在elemets如div，a等工作中的文本......

以上是 jquery：将文本加载到文档加载 的全部内容， 来源链接： utcz.com/qa/264559.html

回到顶部