Question

我从夏普经销商处获得了一个脚本，用于在我们的网站上显示机器。当我使用不同的模型（数据名称）添加两次时，它只运行第一个并在页面上闪烁后将图像放下。我确实尝试更改第二个的div id，但它没有用。

样本1：

<script src='http://siica.sharpusa.com/DesktopModules/X3.Sharp.ProductCatalog/js/GetProduct.js' type='text/javascript' data-type='MFPs' data-name='MX-3050N'></script>
<div id='sharp-widget'></div>

样本2：

<script src='http://siica.sharpusa.com/DesktopModules/X3.Sharp.ProductCatalog/js/GetProduct.js' type='text/javascript' data-type='MFPs' data-name='MX-3070N'></script>
<div id='sharp-widget'></div>

Answer 1

根据您上面使用的源代码，您不能，至少在没有某种解决方法的情况下。

您使用的javascript明确指出ID为“sharp-widget”的项目，但HTML不会验证重复的ID，因此jQuery不会呈现它。

我的建议是联系脚本提供商，让您将id作为参数传递，或者，如果不可能，请执行一些解决方法，例如将iframe添加到第二个，例如：

<script src='http://siica.sharpusa.com/DesktopModules/X3.Sharp.ProductCatalog/js/GetProduct.js' type='text/javascript' data-type='MFPs' data-name='MX-3050N'></script>
<div id='sharp-widget'></div>

<iframe src="./inc.html" style="width: 100%; border: none">

</iframe>

inc.html

<script src='http://siica.sharpusa.com/DesktopModules/X3.Sharp.ProductCatalog/js/GetProduct.js' type='text/javascript' data-type='MFPs' data-name='MX-3050N'></script>
<div id='sharp-widget'></div>

如何在同一页面上运行两个相同的联合脚本？

1 个答案: