Question

我正在使用联合搜索服务中的窗口小部件脚本：

<script type="text/javascript" id="s9f5b2bb09b74013279b22ae8d1b2df50" src="http://uleth.summon.serialssolutions.com/widgets/box.js"></script>
<script type="text/javascript">new SummonCustomSearchBox({"id":"#s9f5b2bb09b74013279b22ae8d1b2df50","params":{},"colors":{},"searchbutton_text":"Search","suggest":"true","popup":"true"})</script>

在页面加载时生成以下HTML：

<form id="s9f5b2bb09b74013279b22ae8d1b2df50" method="get" action="http://uleth.summon.serialssolutions.com/search" class="summon-search-widget" accept-charset="utf-8" target="_blank">
<input name="utf8" value="✓" type="hidden">
<div class="summon-search-box">
<input class="summon-search-field" name="s.q" autocomplete="off" placeholder="" data-boxwidth="" type="text">
<input value="Search" class="summon-search-submit button-website" type="submit">
</div>
</form>

我正在尝试使用以下jquery插入一些占位符测试，但它“无效...

$(".summon-search-field").attr("placeholder", "Search for books, articles, videos...");

jquery适用于this fiddle中生成的HTML，但由于某种原因，它无法使用widget脚本在页面上工作。我可以使用.click（）函数来使用它，但我无法用$（document）.ready（）或window.onload加载它。

我很抱歉没有使用脚本作为外部资源，但它不适用于https：//。

如何保留占位符文字？

Answer 1

JSFiddle使用$(window).load(function(){

等待整个页面加载。如果您遇到进一步的错误。添加：

$(window).load(function(){setTimeout(function () {
     //Code
},1)});

$(window).load()

如何更改脚本生成的HTML中的属性？

1 个答案: