【问题标题】:Calling a click event or JQuery function from the code behind VB.NET从 VB.NET 背后的代码调用点击事件或 JQuery 函数
【发布时间】:2013-08-27 15:27:00
【问题描述】:

我有一个 JQuery (v1.8),它在单击超链接后处理代码。我想调用该单击或执行其他任何操作(如单击链接那样)以强制 JQuery 从后面的代码运行。有什么想法吗?

JQuery 代码:

<script type="text/javascript">
jQuery(document).ready(function (){    
    jQuery('#lnkShowModule').toggle( 
        function (){ 
            jQuery(this).html('Hide the Module'); 
            jQuery('.hide-element').toggle(); 
        }, 
        function (){ 
            jQuery(this).html('Show the Hidden Module'); 
            jQuery('.hide-element').toggle(); 
        }
    );
});

这是我在 ascx 控件中的链接:

<a id="lnkShowModule" href="#"> show the hidden module</a>

有什么想法吗?

【问题讨论】:

  • 你想做什么?以及为什么在代码隐藏中需要它,因为您知道必须单击哪个“a”才能对 jquery 函数进行分类?
  • @AhmedAlaaElDin 我想在另一个事件之后从 javascript 执行操作,即使用户没有点击链接。

标签: javascript jquery asp.net vb.net


【解决方案1】:

在函数内添加javascript代码,你可以在任何你想调用javascript函数的地方添加以下代码

Page.ClientScript.RegisterStartupScript(Page.GetType(), "ShowHide", "ShowHideDiv();", true);

#UPDATE 1

function ShowHideDiv(){
$(document).ready(function (){    
    $('#lnkShowModule').toggle( 
        function (){ 
            $(this).html('Hide the Module'); 
            $('.hide-element').toggle(); 
        }, 
        function (){ 
            $(this).html('Show the Hidden Module'); 
            $('.hide-element').toggle(); 
        }
    );
});
}

你也必须改变“a”

<a id="lnkShowModule" href="#" onclick="ShowHideDiv();"> show the hidden module</a>

【讨论】:

  • @AhmedAlaaElDin 这正是我的代码中的内容,但我认为我没有输入正确的函数名称。我对脚本知之甚少。那么根据我的代码,我应该使用什么“Anyname”和“FUNCTIONANME()”?
  • @AhmedAlaaElDin 谢谢。好吧,我的文件现在有点乱了。我想显示/隐藏的模块总是出现,它不会被隐藏而且它放错了位置......
  • 啊哈,我明白了,但它可以从后面的代码中成功调用函数吗?
  • @AhmedAlaaElDin 不幸的是,不是
  • 您是否尝试添加警报('');在“ $(document).ready(function (){ ”之上检查它是否被调用?
【解决方案2】:

如果您已经回发(正如您在问题中指出您希望从代码隐藏中执行此操作),那么您可以简单地从代码隐藏中将相关对象的可见性设置为好吧。

如果你的意图是隐藏一个div,你可以把它变成一个asp:Panel (MyPanel)(输出一个div)。然后你可以简单地调用:

MyPanel.Visible = False; ' or True

设置可见性。不需要 javascript/jquery。

【讨论】:

  • 不,我在隐藏其他东西,一个模块,而不是链接。
猜你喜欢
  • 1970-01-01
  • 2012-05-17
  • 1970-01-01
  • 1970-01-01
  • 2010-10-19
  • 1970-01-01
  • 2012-05-22
  • 1970-01-01
  • 2015-04-01
相关资源
最近更新 更多