مشکل در alert

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام. مشکلی که من بهش برخوردم این هست که بخشی را که استاد آموزش دادند که در بخش js محتویات input را می‌خواهیم alert کنیم در هنگام کلیک کردن روی دکمه، یک alert خالی میاره. id قسمت input را هم چک کردم کاملا درسته. در ضمن این alert با یک بار کلیک کردن هم بسته نمی‌شه و بعد از بسته شدن بار اول، بار دوم هم باید ok را بزنیم تا کاملا بسته بشه. البته جالبه که دفعه قبل که همین تمرین را انجام می‌دادم مشکلی وجود نداشت. ولی این بار نمی‌دونم مشکل از کجاست. هر چقدر هم که نگاه کردم مشکل را متوجه نشدم.

سلام دوست عزیز

لطفاً در هنگام ایجاد تا پیک کد خودتون رو هم قرار بدین تا در زمان پاسخگویی صرفه جویی بشه!

محمد گازری ۰۴ مرداد ۱۴۰۱، ۰۲:۰۱

html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CodePen - Task manager UItitle>
    <link rel="stylesheet" href="assets/css/style.css">
head>
<body>
    
    <div class="page">
        <div class="pageHeader">
            <div class="title">Dashboarddiv>
            <div class="userPanel"><i class="fa fa-chevron-down">i><span class="username">John Doe span><img src="https://secure.gravatar.com/avatar/30998dbdc70c018dea724d761b1c7c73?s=96&d=mm&r=g" width="40" height="40" />div>
        div>
        <div class="main">
            <div class="nav">
                <div class="menu">
                    <div class="title" style="font-family:titr;color:black;font-size:x-large;margin-left:50px;">پوشه هاdiv>
                    <ul>
                     foreach ($folders as $folder):?> 
                        <li> <a href="?folderId= echo $folder->id ?>" style="font-weight:100px;margin-right:1px;font-family:zar;text-decoration:none"><i class="fa fa-folder">i> echo $folder->name ?>a>li>
                        <li> <a href="?deleteFolder= echo $folder->id ?>"><i class="fa fa-trash">i>a>li>
                         endforeach; ?>
                        <li class="active"> <i class="fa fa-folder">i>Manage Tasksli>
                        <div>
                        <input  type="text"  id="AddFolderInput" placeholder="AddFolder" />
                        <button id="addFolderBtn" class="btn">+button>
                    div>
                        
                                            ul>
                div>
            div>
            <div class="view">
                <div class="viewHeader">
                    <div class="title">Manage Tasksdiv>
                    <div class="functions">
                        <div class="button active">Add New Taskdiv>
                        <div class="button">Completeddiv>
                        <div class="button inverz"><i class="fa fa-trash-o">i>div>
                    div>
                div>
                <div class="content">
                    <div class="list">
                        <div class="title">Todaydiv>
                        <ul>
                            <li class="checked"><i class="fa fa-check-square-o">i><span>Update team pagespan>
                                <div class="info">
                                    <div class="button green">In progressdiv><span>Complete by 25/04/2014span>
                                div>
                            li>
                            <li><i class="fa fa-square-o">i><span>Design a new logospan>
                                <div class="info">
                                    <div class="button">Pendingdiv><span>Complete by 10/04/2014span>
                                div>
                            li>
                            <li><i class="fa fa-square-o">i><span>Find a front end developerspan>
                                <div class="info">div>
                            li>
                        ul>
                    div>
                    <div class="list">
                        <div class="title">Tomorrowdiv>
                        <ul>
                            <li><i class="fa fa-square-o">i><span>Find front end developerspan>
                                <div class="ino">div>
                            li>
                        ul>
                    div>
                div>
            div>
        div>
    div>
    
    <script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'>script>
    <script src="assets/js/script.js">script>
    <script>
        $(document).ready(function(){
            $('button#addFolderBtn').click(function(e){
                var input= $('input#AddFolderInput');
                alert (input.val());
            });
        });
    script>
body>
html>

سیاوش سلیمیان ۰۴ مرداد ۱۴۰۱، ۰۲:۱۱

به این شکل بنویسید

$('button#addFolderBtn').click(function(e){
e.stopPropagation();

بعد باقی کدتون رو بنویسید

محمد گازری ۰۴ مرداد ۱۴۰۱، ۰۲:۲۶

سلام. اون را هم اضافه کردم. ولی همچنان alert دوبار می‌آد و پیغامش هم به این صورته: 7b3e-blank alert.png

سیاوش سلیمیان ۰۴ مرداد ۱۴۰۱، ۱۸:۳۷

این هم بخشی از کد که بهش اضافه کردم:

سیاوش سلیمیان ۰۴ مرداد ۱۴۰۱، ۱۸:۴۰

سلام. مشکل حل شد. محل قرار گرفتن endforeach را اشتباه گذاشته بودم.

سیاوش سلیمیان ۰۴ مرداد ۱۴۰۱، ۱۹:۱۸

موفق باشید ?

بهترین پاسخ

محمد گازری ۰۵ مرداد ۱۴۰۱، ۰۱:۱۴