c# - <script>...</script> 在转发器控制代码中未显示在页面呈现的源代码中

Question

我有一个转发器控件，其中 <%#DataBinder.Eval(Container.DataItem, "Display")%>部分没有出现。 “Display”存储的代码设置如下:

item.Display = "<script type='text/javascript'>
    AudioPlayer.embed('ffcedea7-4822-465f-85b6-89924f7b81fa',
    {soundFile: 'http://s3.amazonaws.com/blah/af8g7fd3-1793-4b5e-92b7-9d11ad1cc19c.mp3'});
</script>";

页面加载后，音频嵌入文件不显示。代码甚至没有出现在源代码中。如果我在结束脚本标记后添加一个随机字符串，该随机字符串就会显示出来。

item.Display = "<script type='text/javascript'>
    AudioPlayer.embed('ffcedea7-4822-465f-85b6-89924f7b81fa',
    {soundFile: 'http://s3.amazonaws.com/blah/af8g7fd3-1793-4b5e-92b7-9d11ad1cc19c.mp3'});
</script> THIS IS THE RANDOM STRING";

因此，在页面源代码中，它将包含“THIS IS THE RANDOM STRING”，但没有脚本部分。

有谁知道导致此问题的原因以及如何解决？谢谢!

编辑:这是转发器代码:

<asp:Repeater ID="repeaterAddable" runat="server">
    <ItemTemplate>
        <div class="background-white">
            <div style="padding: 15px;">
                <table style="width: 100%" cellspacing="5">
                    <tr>
                        <td colspan="3" align="right">
                            Include this? <input type="checkbox" name="include<%#DataBinder.Eval(Container.DataItem, "Index")%>" />
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 30%;" valign="top">

                        </td>
                        <td style="width: 30%;" valign="top">
                            <div class="media">

                                <%#DataBinder.Eval(Container.DataItem, "Display")%>

                            </div>
                        </td>
                        <td style="width: 30%;" valign="top">

                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <br />
    </ItemTemplate>
</asp:Repeater>

Answer 1

尝试添加一个 Literal 控件，并将其文本属性绑定(bind)到所需的内容。例如:

<div class="media">
  <asp:Literal runat="server" Text='<%# Eval("Display") %>' />
</div>