TypeError: t is undefined

Topic: TypeError: t is undefined

anandbohra pro asked 6 years ago

I am getting below error TypeError: t is undefined while creating Dropdown or Listbox

Bartłomiej Malanowski staff commented 6 years ago

Could you please share your code with us?

anandbohra pro commented 6 years ago

a simple html page <select class="mdb-select" data-val="true" data-val-number="The field Party must be a number." data-val-required="Party ID is must" id="PartyID" multiple="multiple" name="PartyID"><option value="11">SHOPPERS STOP LTD - THANE (153)</option> </select> TypeError: t is undefined[Learn More] popper.min.js:1:18912

Mirosław Stasiak free commented 6 years ago

Send me your all code here on email m.stasiak@mdbootstrap.com

Add comment

mitaamara free answered 3 years ago

0 0 Best answer

I have same error when click button for collapse dropdown

this is my code enter image description here

Krzysztof Wilk staff commented 3 years ago

Hi!

Which technology do you use with our MDB package? Did you check the solutions above? If they didn't help - could you create a snippet with your problem without the involvement of another framework?

Best regards

Add comment

Tenarius free answered 4 years ago

0 0 Best answer

<p>I have the same Error. <code>TypeError: t is undefined</code>, when i click of one of the gallery-photos.Here is my code:</p>

<title>Hello World</title>

</head>
<body>

</body>
</html>
</code></pre>

<hr>

<h2>Solution</h2>

<p>I have simplified my example above. In my original code I linked <code>$("#mdb-lightbox-ui").load("./../resources/mdbpro/mdb-addons/mdb-lightbox-ui.html");</code> via script call. The problem was that I entered the wrong path there. So it is correct, as shown in my example <code>$("#mdb-lightbox-ui").load("./../resources/mdbpro/mdb-addons/mdb-lightbox-ui.html");</code>.</p>

Please insert min. 20 characters.

I have the same Error. TypeError: t is undefined, when i click of one of the gallery-photos.Here is my code:

<!doctype html>
<html>
<head>

    <title>Hello World</title>

    <link href="./../resources/mdbpro/css/bootstrap.min.css" rel="stylesheet">
    <link href="./../resources/mdbpro/css/mdb.min.css" rel="stylesheet">

</head>
<body>

<div class="container">

    <div class="row">
        <div class="col-md-12">

            <div id="mdb-lightbox-ui"></div>

            <div class="mdb-lightbox">

            <figure class="col-md-4">
                <a href="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(145).jpg" data-size="1600x1067">
                <img alt="picture" src="https://mdbootstrap.com/img/Photos/Lightbox/Thumbnail/img%20(145).jpg" class="img-fluid">
                </a>
            </figure>

            <figure class="col-md-4">
                <a href="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(150).jpg" data-size="1600x1067">
                <img alt="picture" src="https://mdbootstrap.com/img/Photos/Lightbox/Thumbnail/img%20(150).jpg" class="img-fluid" />
                </a>
            </figure>

            <figure class="col-md-4">
                <a href="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(152).jpg" data-size="1600x1067">
                <img alt="picture" src="https://mdbootstrap.com/img/Photos/Lightbox/Thumbnail/img%20(152).jpg" class="img-fluid" />
                </a>
            </figure>
            </div>
        </div>
        </div>
    </div>

    <script src="./../resources/mdbpro/js/jquery.min.js" ></script>
    <script src="./../resources/mdbpro/js/popper.min.js" ></script>
    <script src="./../resources/mdbpro/js/bootstrap.min.js" ></script>
    <script src="./../resources/mdbpro/js/mdb.js" ></script>
    <script>
        $(function () {
            $("#mdb-lightbox-ui").load("./../resources/mdbpro/mdb-addons/mdb-lightbox-ui.html");
        });
    </script>

</body>
</html>

Solution

I have simplified my example above. In my original code I linked $("#mdb-lightbox-ui").load("./../resources/mdbpro/mdb-addons/mdb-lightbox-ui.html"); via script call. The problem was that I entered the wrong path there. So it is correct, as shown in my example $("#mdb-lightbox-ui").load("./../resources/mdbpro/mdb-addons/mdb-lightbox-ui.html");.

Grzegorz Bujański staff commented 4 years ago

Hi. I created the project using your code and I have no error in the console. Which MDB version are you using?

Tenarius free commented 4 years ago

Thanks for looking at this. I have the solution. In this example, I simplified my code for demonstration purposes and basically solved the problem. The problem was $("#mdb-lightbox-ui").load("./../resources/mdbpro/mdb-addons/mdb-lightbox-ui.html");. In my example, I adjusted the path correctly. I even edited that in my post afterwards. In my original code I had linked this part with <script src ="./../resources/js/scripts/scripts.js"></script> and there for mdb-lightbox-ui.htm wrong path specified. Unfortunately there was no more precise error message. Disgusting mistake. Thanks for the second opinion and the food for thought. <3

Please insert min. 15 characters.

Grzegorz Bujański staff commented 4 years ago

You're welcome. I'm glad you solved this problem and everything works.

Add comment

herfelp free answered 4 years ago