C# 在用户更改选项卡索引时从外部文件调用JS函数

C# 在用户更改选项卡索引时从外部文件调用JS函数,c#,javascript,asp.net,C#,Javascript,Asp.net,在我的.ascx文件映像中有一个按钮,它在代码后面从C调用函数 图像按钮代码: C函数的后面是 ` protected void switchTab_imgeClick(object sender, EventArgs e) { TCArtistDetails.ActiveTabIndex = 2; ShowProjectDetails(); //this.Page.ClientScript.RegisterClien

在我的.ascx文件映像中有一个按钮,它在代码后面从C调用函数 图像按钮代码: C函数的后面是

`
 protected void switchTab_imgeClick(object sender, EventArgs e)
           {
             TCArtistDetails.ActiveTabIndex = 2;
             ShowProjectDetails();
 //this.Page.ClientScript.RegisterClientScriptInclude(this.GetType(),"showFunction","JScript1.js" );
         //Button imageFire = (Button)DataListCollection.FindControl("ImageClick");
         //imageFire.Attributes.Add("OnClick", "show");

         // Page.ClientScript.RegisterClientScriptBlock(this.GetType(), key, "<script type=\"text/javascript\">jQuery(window).load();</script>", true);
         // Dumy.Attributes.Add("OnClick", "Show");
         // string jScriptValidator;
         //jScriptValidator = "JQuery.switchTab_imgeClick";
         //Page.ClientScript.RegisterStartupScript(this.GetType(), "showFunction", jScriptValidator);
     }
我想让这段代码在用户上运行,点击图像标签开关并运行这个JS脚本?? 我尝试了所有散列行,但页面无法加载
提示:页面刷新不是一个选项:

您可以在页面中放置一个隐藏字段,并在代码后面将此隐藏字段值更新1,例如,指定用户确实单击了选项卡,然后更新js代码以在document ready事件中运行,并检查隐藏字段值是否包含1,以及是否包含1,然后调用您的函数。

我当然已经在.ascx文件中包含了JS文件1-此处无法完成2-当警报弹出时,它已经命中JS函数,但函数结果在页面中似乎不起作用,因为它在第一次加载时起作用,这使得函数中的警报,,但功能体不工作?是先出现弹出窗口还是先显示内容?!我的意思是,弹出窗口可能在加载页面内容之前工作,因此当您的js尝试让html元素工作时,它找不到任何内容,因此您可以检查弹出窗口是先工作还是先加载页面内容。弹出窗口先工作,然后以列表的形式加载页面和图像,,不像我预期的那样,js在呈现任何内容之前运行,因此需要调用$document.ready上的函数
`
function show()
{
        alert("Hey Show ");
                    $('div.navigation').css({'width' : '200px', 'float' : 'right'});
                $('div.content').css('display', 'block');

                // Initially set opacity on thumbs and add
                // additional styling for hover effect on thumbs
                var onMouseOutOpacity = 0.67;
                $('#thumbs ul.thumbs li').opacityrollover({
                    mouseOutOpacity:   onMouseOutOpacity,
                    mouseOverOpacity:  1.0,
                    fadeSpeed:         'fast',
                    exemptionSelector: '.selected'
                });

                // Initialize Advanced Galleriffic Gallery
                var gallery = $('#thumbs').galleriffic({
                    delay:                     2500,
                    numThumbs:                 15,
                    preloadAhead:              10,
                    enableTopPager:            true,
                    enableBottomPager:         true,
                    maxPagesToShow:            7,
                    imageContainerSel:         '#slideshow',
                    controlsContainerSel:      '#controls',
                    captionContainerSel:       '#caption',
                    loadingContainerSel:       '#loading',
                    renderSSControls:          true,
                    renderNavControls:         true,
                    playLinkText:              'Play Slideshow',
                    pauseLinkText:             'Pause Slideshow',
                    prevLinkText:              '&lsaquo; previous ',
                    nextLinkText:              'next &rsaquo;',
                    nextPageLinkText:          'Next &rsaquo;',
                    prevPageLinkText:          '&lsaquo; Prev',
                    enableHistory:             false,
                    autoStart:                 false,
                    syncTransitions:           true,
                    defaultTransitionDuration: 0, // OMM , START , 8/1/2012 , Change From 900 to 0 
                    onSlideChange:             function(prevIndex, nextIndex) {
                        // 'this' refers to the gallery, which is an extension of $('#thumbs')
                        this.find('ul.thumbs').children()
                            .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                            .eq(nextIndex).fadeTo('fast', 1.0);

                    },
                    onPageTransitionOut:       function(callback) {
                        this.fadeTo('fast', 0.0, callback);
                    },
                    onPageTransitionIn:        function() {
                        this.fadeTo('fast', 1.0);
                    }
                });
            };`