Как я могу использовать SlideToogle в ретрансляторе с привязкой или ссылкой?

У меня есть ретранслятор, якорный тег и тег div внутри него. Якорь имеет jquery, который выполняет slidetoggle. Но, например, если у меня есть 5 элементов в счетчике повторителя, также 5, и когда я нажимаю на якорь, все divs выполняют slidetoggle.

Если я использую itemcommand, это нормально, но на этот раз JS не работает. Потому что я использую linkbutton, и у вас нет события кликов, как вы знаете. Так есть ли какое-либо решение, чтобы исправить это? Вот мой повторитель и js.


    <title></title>
    <script src="jquery-1.8.4.js"></script>
    <script src="jquery-ui-1.9.2.custom.js"></script>
    <script src="jquery-ui-1.9.2.custom.min.js"></script>
    <script>
        $(function() {
            $('[id*=aNotice]').click(function() {
                $('[id*=dvContent]').slideToggle(400);
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            
                
                    click to see toggle
                    <div id="dvContent" runat="server"><%#Eval("content") %></div>
                
            
        </div>
    </form>
</body>
</html>
1
nl ja de

1 ответы

Вы можете использовать метод next :

$(function() {
     $('[id*=aNotice]').click(function() {
          $(this).next('div').slideToggle(400);
     });
});

Обратите внимание, что идентификаторы должны быть уникальными и использовать $ ('[id * = aNotice]') is overkill , вместо этого вы должны использовать классы.

$('.aNotice').click(function (event) {
     event.preventDefault()
     $(this).next('div').slideToggle(400);
});

Кроме того, необходимо дважды загрузить jQuery UI, jquery-ui-1.9.2.custom.min.js - это только мини-версия jquery-ui-1.9.2.custom.js .

<script src="jquery-ui-1.9.2.custom.js"></script>
<!-- <script src="jquery-ui-1.9.2.custom.min.js"></script> -->
2
добавлено
Спасибо за помощь. Но у меня есть вопрос. Если я использую второй JS, который является ссылкой event.preventDefault (), не работает. Но сначала все нормально. Можете ли вы просто объяснить, что он делает?
добавлено автор Kadir, источник
@ kad1r. Добро пожаловать, вы должны передать event обработчику событий.
добавлено автор undefined, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

DotNetRuChat
DotNetRuChat
2 992 участник(ов)

Чат русскоязычного .NET сообщества http://dotnet.ru/ Вам могут быть интересны: @dotnetchat, @cilchat, @fsharp_chat, @pro_net, @xamarin_russia, @microsoftstackjobs, @uwp_ru Флуд в @dotnettalks

Microsoft Stack Jobs
Microsoft Stack Jobs
1 788 участник(ов)

Work & freelance only Microsoft Stack. Feed https://t.me/Microsoftstackjobsfeed Чат про F#: @Fsharp_chat Чат про C#: @CSharpChat Чат про Xamarin: @xamarin_russia Чат общения:@dotnettalks

pro.net
pro.net
710 участник(ов)

Обсуждение .NET Framework и всего, что с ним связано. Правила: не флудить не по теме, уважать ваших коллег и никакой рекламы (объявления о вакансиях можно согласовать с @AlexFails). Флудилка: @dotnettalks Участник @proDOT

Microsoft Developer Community Chat
Microsoft Developer Community Chat
584 участник(ов)

Чат для разработчиков и системных администраторов Microsoft Developer Community. __________ Новостной канал: @msdevru __________ Баним за: оскорбления, мат, рекламу, флуд, флейм, спам, NSFW контент, а также большое количество оффтоп тем. @banofbot

.NET Talks: Force Push Masters
.NET Talks: Force Push Masters
490 участник(ов)

Свободный чат .NET разработчиков. Правила: t.me/dotnettalks/56823 Вам могут быть интересны: @dotnetruchat, @dotnetchat, @cilchat, @fsharp_chat, @pro_net, @dotnetgroup, @xamarin_russia, @microsoftstackjobs, @uwp_ru http://combot.org/chat/-1001128250813

.NET Chat Убежище
.NET Chat Убежище
246 участник(ов)

Чат .NET разработчиков под эгидой MSK/SPB .NET Community Group Вам могут быть интересны: @fsharp_chat, @dotnetruchat, @cilchat, @xamarin_russia, @microsoftstackjobs, @dotnetgroup Флуд в @dotnettalks

.NET CIL Chat
.NET CIL Chat
54 участник(ов)

.NET CIL (aka IL aka MSIL)