Javascript ASP.Net UpdatePanel音频播放器

Javascript ASP.Net UpdatePanel音频播放器,javascript,asp.net,Javascript,Asp.net,我在asp页面的UpdatePanel中得到了两个Dropdownlist和一个Jplayer。Dropdownlist得到了很好的更新,但是Jplayer没有。请任何人帮我找到我所缺少的。我试着到处寻找答案,但没有找到 代码: 选择翻译 选择苏拉(古兰经章节) $(文档).ready(函数(){ var myCirclePlayer=新的CirclePlayer(“#jquery_jplayer_1”, { m4a:“古兰经/”+document.getElementById(“D

我在asp页面的UpdatePanel中得到了两个Dropdownlist和一个Jplayer。Dropdownlist得到了很好的更新,但是Jplayer没有。请任何人帮我找到我所缺少的。我试着到处寻找答案,但没有找到

代码:



选择翻译

选择苏拉(古兰经章节)

$(文档).ready(函数(){ var myCirclePlayer=新的CirclePlayer(“#jquery_jplayer_1”, { m4a:“古兰经/”+document.getElementById(“DropDownList 1”).value+“/”+document.getElementById(“DropDownList 2”).value }, { CSS选择器存储:“#cp#U容器#U 1”, swfPath:“Scripts/MMPlayer/MMPlayerJS”, wmode:“窗口” }); });
  • 停顿


您无法访问ControlParameter客户端。ControlParameters用于绑定控件属性服务器端的值,它们不会呈现给客户端。但是,您可以在代码隐藏中以编程方式设置ControlParameter的默认值。那么,如何在代码中嵌入/使用此代码?
<form id="form1" runat="server">
<table style="width: 100%">                                
    <tr>                        
    <td style="width: 800px; text-align: center;">  
       <asp:ScriptManager ID="ScriptManager1" runat="server">
       </asp:ScriptManager>
          <asp:UpdatePanel ID="UpdatePanel1" runat="server">
          <ContentTemplate>                          
          <br />                         
            <div class="s4">Select Translation</div>                                                                     
               <asp:DropDownList runat="server" id="DropDownList1" AutoPostBack="True" DataSourceID="AccessDataSource6" DataTextField="TranslationLang" DataValueField="TranslationLang" Height="25px" Width="100%"></asp:DropDownList>                             
               <asp:AccessDataSource ID="AccessDataSource6" runat="server" DataFile="Database/HF.mdb" SelectCommand="SELECT [TranslationLang] FROM [Translation]">
               </asp:AccessDataSource>                               
               <br />
               <br />
               <div class="s4">Select Surah (Quran Chapter)</div>
               <asp:DropDownList runat="server" id="DropDownList2" AutoPostBack="True" DataSourceID="AccessDataSource7" DataTextField="Surah" DataValueField="Surah" Height="25px" Width="100%"></asp:DropDownList>
               <asp:AccessDataSource ID="AccessDataSource7" runat="server" DataFile="Database/HF.mdb" SelectCommand="SELECT [Surah] FROM [TranslationSurah] WHERE ([Lang] = ?) ORDER BY [No]">
               <SelectParameters>
               <asp:controlparameter ControlID="DropDownList1" Name="Lang" PropertyName="SelectedValue" Type="String" />
               </SelectParameters>
               </asp:AccessDataSource>                                
               <br />
               <br />
               <script type="text/javascript">                 
                   $(document).ready(function(){            
                    var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
                    {
                       m4a: "Quran/" + document.getElementById("DropDownList1").value +  "/" + document.getElementById("DropDownList2").value
                    }, {
                       cssSelectorAncestor: "#cp_container_1",
                       swfPath: "Scripts/MMPlayer/MMPlayerJS",
                       wmode: "window"
                    });
                   });
            </script>
               </ContentTemplate>
            <Triggers>
               <asp:AsyncPostBackTrigger ControlID="DropDownList1" EventName="SelectedIndexChanged" />
               <asp:AsyncPostBackTrigger ControlID="DropDownList2" EventName="SelectedIndexChanged" />
            </Triggers>
          </asp:UpdatePanel>

            <!-------------------------------------------------Player-----------------------------------------------------------> 
          <div id="jquery_jplayer_1" class="cp-jplayer"></div>
            <div id="cp_container_1" class="cp-container">
            <div class="cp-buffer-holder">
          <div class="cp-buffer-1"></div>
            <div class="cp-buffer-2"></div>
          </div>
          <div class="cp-progress-holder"> 
            <div class="cp-progress-1"></div>
            <div class="cp-progress-2"></div>
          </div>
            <div class="cp-circle-control"></div>
            <ul class="cp-controls">
                <li><a class="cp-play" tabindex="1">play</a></li>
                <li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li>
            </ul>
          </div> 
          <!-------------------------------------------------Player-----------------------------------------------------------> 

          <br />                   
    </td>                    
    </tr>                   
</table>
</form>