পৃষ্ঠাটি এত দ্রুত লোড হচ্ছে সেখানে আমার একটি সমস্যা হচ্ছে, পরবর্তী স্ক্রিপ্টের মাধ্যমে ডাকার আগে জেকুরিটি লোডিং শেষ করেনি। Jquery এর অস্তিত্বের জন্য যাচাই করার কোনও উপায় আছে এবং যদি এটি বিদ্যমান না থাকে তবে একটি মুহুর্তের জন্য অপেক্ষা করুন এবং আবার চেষ্টা করুন?
নীচের উত্তর / মন্তব্যের জবাবে আমি কিছু মার্কআপ পোস্ট করছি।
পরিস্থিতি ... অ্যাসপেটর মাস্টারপেজ এবং চাইল্ডপেজ।
মাস্টারপেজটিতে, আমার কাছে জেকারি সম্পর্কিত একটি উল্লেখ রয়েছে। তারপরে সামগ্রী পৃষ্ঠায় আমার পৃষ্ঠা-নির্দিষ্ট স্ক্রিপ্টের একটি উল্লেখ রয়েছে reference পৃষ্ঠা নির্দিষ্ট স্ক্রিপ্টটি লোড করা হচ্ছে, এটি অভিযোগ করে যে "$ অপরিবর্তিত"।
যে জিনিসগুলিতে গুলি চালানো হচ্ছে তা দেখার জন্য আমি মার্কআপের বেশ কয়েকটি পয়েন্টে সতর্কতা রেখেছি এবং নিশ্চিত করেছি যে এটি ক্রমে গুলি ছড়িয়েছে:
- মাস্টার পৃষ্ঠা শিরোনাম।
- চাইল্ড পৃষ্ঠার সামগ্রী ব্লক 1 (মাস্টারপেজের মাথার ভিতরে অবস্থিত তবে মাস্টারপেজ স্ক্রিপ্টগুলি কল করার পরে)।
- শিশু পৃষ্ঠা বিষয়বস্তু ব্লক 2।
এখানে মাস্টারপেজের শীর্ষে মার্কআপ রয়েছে:
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="SiteMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Reporting Portal</title>
<link href="~/Styles/site.css" rel="stylesheet" type="text/css" />
<link href="~/Styles/red/red.css" rel="stylesheet" type="text/css" />
<script type="text/Scripts" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/Scripts" language="javascript" src="../Scripts/jquery.dropdownPlain.js"></script>
<script type="text/Scripts" language="javascript" src="../Scripts/facebox.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
তারপরে মাস্টারপেজের মুখ্য অংশে একটি অতিরিক্ত সামগ্রীপ্লেসহোল্ডার রয়েছে:
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
শিশু পৃষ্ঠায়, এটি দেখতে এমন দেখাচ্ছে:
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Dashboard.aspx.cs" Inherits="Data.Dashboard" %>
<%@ Register src="../userControls/ucDropdownMenu.ascx" tagname="ucDropdownMenu" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link rel="stylesheet" type="text/css" href="../Styles/paserMap.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
***CONTENT HERE***
<script src="../Scripts/Dashboard.js" type="text/javascript"></script>
</asp:Content>
এখানে "../Script/Dashboard.js" ফাইলের সামগ্রী রয়েছে:
$(document).ready(function () {
$('.tgl:first').show(); // Show the first div
//Description: East panel parent tab navigation
$('.tabNav label').click(function () {
$('.tabNav li').removeClass('active')
$(this).parent().addClass('active');
var index = $(this).parent('li').index();
var divToggle = $('.ui-layout-content').children('div.tgl');
//hide all subToggle divs
divToggle.hide();
divToggle.eq(index).show();
});
});
<script src="...">ট্যাগ সহ স্ক্রিপ্টগুলি লোড করে থাকেন তবে তা ঘটতে পারে না। আপনি প্রয়োজনীয় জেএস বা ল্যাবজেসের মতো কিছু ব্যবহার করছেন?
$(document).ready()বা $(window).load()? আমরা একটি উদাহরণ দেখতে পারেন?
type="text/Scripts"করার চেষ্টা করুন type="text/javascript"বা এগুলি একত্রে পরিত্রাণ পান এটির আর দরকার নেই, এগুলি থেকেও মুক্তি পান language="javascript। পাশাপাশি চেষ্টা করা শুরু করতে পারে।
$(document).ready(function(){...});?