jQuery与IF语句切换
因此,我正在编写一个一页一步的预订流程。jQuery与IF语句切换,jquery,asp.net,vb.net,visual-studio,Jquery,Asp.net,Vb.net,Visual Studio,因此,我正在编写一个一页一步的预订流程。 我对它进行了编码,这样当单击按钮时,内容将向下切换 这似乎干扰了其中一个按钮单击事件后面的VB.NET IF语句,因为现在IF语句不起作用。 如果未选择某项,则应显示一个div 有人能指导我做什么吗 HTML: JS文件: $(document).ready(function() { $("[id$=btnNextDate]").click(function () { $("[id$=ChooseDate]").slideTog
我对它进行了编码,这样当单击按钮时,内容将向下切换 这似乎干扰了其中一个按钮单击事件后面的VB.NET IF语句,因为现在IF语句不起作用。
如果未选择某项,则应显示一个div 有人能指导我做什么吗 HTML: JS文件:
$(document).ready(function()
{
$("[id$=btnNextDate]").click(function () {
$("[id$=ChooseDate]").slideToggle('slow');
});
您必须将代码更改为:
$(document).ready(function()
{
$('#' + '<%= btnNextDate.ClientID %>').click(function (e) {
e.preventDefault();
$('#' + '<%= ChooseDate.ClientID %>').slideToggle('slow');
});
});
$(文档).ready(函数()
{
$('#'+'')。单击(函数(e){
e、 预防默认值();
$('#'+'').slideToggle('slow');
});
});
使用客户机id,而不是服务器id。刚才我尝试了这个,并成功地工作了 您必须将代码更改为:
$(document).ready(function()
{
$('#' + '<%= btnNextDate.ClientID %>').click(function (e) {
e.preventDefault();
$('#' + '<%= ChooseDate.ClientID %>').slideToggle('slow');
});
});
$(文档).ready(函数()
{
$('#'+'')。单击(函数(e){
e、 预防默认值();
$('#'+'').slideToggle('slow');
});
});
使用客户机id,而不是服务器id。刚才我尝试了这个,并成功地工作了 就我个人而言,我会找到与单击的按钮相关的必需元素,如果它们是同级节点,这是非常简单的。与在整个DOM中查找节点相比,DOM遍历效率惊人 我还将使用类,而不是ID,这在这里有些麻烦 第一:
- 将
添加到按钮的类列表中nextDate
- 将
添加到choostate div的类列表中choostate
$(document).ready(function() {
$("button.nextDate").on('click', function(e) {
e.preventDefault(); // Maybe required, maybe not?
$(this).siblings(".chooseDate").slideToggle('slow'); // Find the required element relative to the clicked button. DOM traversal is very efficient.
});
});
除非出于其他原因需要ID,否则它们可能会消失
不知道这是否会阻止对VB.NET
IF
语句的干扰,但无论是否使用e.preventDefault(),都值得一试代码>语句。就我个人而言,我会找到与单击的按钮相关的必需元素,如果它们是同级节点,这是非常简单的。与在整个DOM中查找节点相比,DOM遍历效率惊人
我还将使用类,而不是ID,这在这里有些麻烦
第一:
- 将
nextDate
添加到按钮的类列表中
- 将
choostate
添加到choostate div的类列表中
现在按如下所示编写单击处理程序:
$(document).ready(function() {
$("button.nextDate").on('click', function(e) {
e.preventDefault(); // Maybe required, maybe not?
$(this).siblings(".chooseDate").slideToggle('slow'); // Find the required element relative to the clicked button. DOM traversal is very efficient.
});
});
除非出于其他原因需要ID,否则它们可能会消失
不知道这是否会阻止对VB.NETIF
语句的干扰,但无论是否使用e.preventDefault(),都值得一试代码>语句。您确定以下语法:[id$=btnNext日期]
?您可以使用这种正常方式:$(“#btnNextDate”)。单击…
并记住,如果使用母版页,它将不起作用。如果没有该语法,切换将不起作用,我认为这与“runat=server”有关。如果我使用母版页,还有什么不起作用呢..jQuery?因为如果你使用母版页,id与客户端id不一样。对于js/jQuery,你需要客户端id。我在你的代码中看不到“Choostate”?所以如果我使用母版页(导航栏和页脚),比如说4页,我根本不能使用jQuery?你确定这个语法:[id$=btnNextDate]
?您可以使用这种正常方式:$(“#btnNextDate”)。单击…
,请记住,如果使用母版页,它将不起作用。如果没有这种语法,切换将不起作用,我认为这与“runat=server”有关.如果我使用母版页,有什么不起作用..jQuery?因为如果你使用母版页,id与客户端id不一样。对于js/jQuery,你需要客户端id。我在你的代码中看不到“choostate”?所以如果我使用母版页(导航栏和页脚)比如说4页,我根本不能使用jQuery?gridview中的项??你的jQuery代码和gridview项之间没有关系…@Shannenlyns jQuery在客户端运行…你应该知道!我从来没有说过这样的话!!!!我说你必须使用客户端id…我们都是这样做的。如果你用浏览器检查元素,你会看到它的id是s类似这样的事情:contentplaceholder 1\u btnNextDate
这是jquery/js使用的客户端id。我感到困惑。现在是真的……请测试一下。我明天会给你回复,因为我不得不晚上注销。感谢gridview中的Sitems??你的jquery代码和gridview项之间没有关系…@shannenloyons jQuery在客户端运行…你应该知道!我从来没有说过这样的话!!!!我说你必须使用客户端id…我们都是这样做的。如果你用浏览器检查元素,你会看到它的id是这样的:contentplaceholder 1\u btnNextDate
这是jquery/js使用的客户端id。我弄糊涂了。现在是真的了……请测试我必须为我的误解道歉:当我看到你的评论时,你知道吗……因为我的英语不好,我认为这是冒犯性的!!当我刚刚用谷歌搜索它时,我发现这是一种礼貌的问问题的方式--我的傻瓜…。答案是:我知道w我们可以用类名来做这件事,但我试着向他展示如何使用客户端id。这与他的问题更相关,可能对其他用户有用。@FarzinKanzi,我觉得没有人应该向我道歉,但无论如何还是要谢谢你。我必须为我的误解道歉:当我看到你的评论时,你知道吗……,我认为我的英语不好ing这是一种冒犯!!当我刚刚在谷歌上搜索它时,我发现这是一种礼貌的提问方式--我的傻瓜--…答案是:我知道我们可以通过类名来做这件事,但我试着向他展示如何使用客户端id。这与他的问题更相关,可能对其他用户有用。@FarzinKanzi,我不觉得我应该道歉,但是无论如何,谢谢你。