jQuery ইউআই ডায়ালগ - নিখরচায় আইকন অনুপস্থিত

Question

আমি একটি কাস্টম jQuery 1.10.3 থিম ব্যবহার করছি। আমি থিম রোলার থেকে প্রতিটি সোজা ডাউনলোড করেছি এবং আমি ইচ্ছাকৃতভাবে কিছুই পরিবর্তন করি নি।

আমি একটি ডায়লগ বাক্স তৈরি করি এবং আমি একটি খালি ধূসর বর্গক্ষেত্র পাই যেখানে ঘনিষ্ঠ আইকনটি হওয়া উচিত:

আমি আমার পৃষ্ঠায় উত্পন্ন কোডটি তুলনা করেছি:

<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
    <spanid="ui-id-2" class="ui-dialog-title">Title</span>
    <button class="ui-dialog-titlebar-close"></button>
</div>

ডায়ালগ ডেমো পৃষ্ঠায় উত্পন্ন কোডটিতে :

<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
    <span id="ui-id-1" class="ui-dialog-title">Basic dialog</span>
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close">
        <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span>
        <span class="ui-button-text">close</span>
    </button>
</div>

সম্পাদনা: কোডের বিভিন্ন অংশ jQueryUI দ্বারা উত্পাদিত হয়েছে, আমার নয় তাই আমি jqueryui জেএস ফাইল সম্পাদনা ছাড়া স্প্যান ট্যাগগুলি যুক্ত করতে পারি না যা স্বাভাবিক কার্যকারিতা অর্জনের জন্য খারাপ / অপ্রয়োজনীয় পছন্দ বলে মনে হয়।

এখানে জাভাস্ক্রিপ্ট ব্যবহৃত যা কোডের সেই অংশটি তৈরি করে:

this.element.dialog({
    appendTo: "#summary_container",
    title: this.title(),
    closeText: "Close",
    width: this.width,
    position: {
        my: "center top",
        at: ("center top+"+(window.innerHeight*.1)),
        collision: "none"
    },
    modal: false,
    resizable: false,
    draggable: false,
    show: "fold",
    hide: "fold",
    close: function(){
        if(KOVM.areaSummary.isVisible()){
            KOVM.areaSummary.isVisible(false);
        }
    }
});

আমি একটি ক্ষতি হয় এবং সাহায্য প্রয়োজন। আগাম ধন্যবাদ.

Comments

আইকনটির জন্য চিত্র ফাইলটি আপনার ফাইল সিস্টেমে উপস্থিত রয়েছে কিনা তা আপনি পরীক্ষা করেছেন?

— টিকিউলো

হ্যাঁ, আইকন চিত্র শীটটি বিদ্যমান এবং সঠিক অবস্থানে রয়েছে।

— জিয়ন ডার্ক

Answer 1

আমি কিছুক্ষণের মধ্যে এই এক থেকে দেরী করছি, কিন্তু আমি আপনার মন ফুঁকতে যাচ্ছি, প্রস্তুত?

এর কারণ হ'ল, আপনি jquery-ui কল করার পরে আপনি বুটস্ট্র্যাপ কল করছেন।

আক্ষরিকভাবে, দুটি পরিবর্তিত করুন যাতে পরিবর্তে:

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="js/bootstrap.min.js"></script>

এটা হতে পারে

<script src="js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

:)

সম্পাদনা করুন - 26/06/2015 - এটি কয়েক মাস পরে আগ্রহ আকর্ষণ করে চলেছে তাই আমি ভেবেছিলাম এটি সম্পাদনার উপযুক্ত worth আমি আসলেই এই উত্তরটির নীচে মন্তব্যে দেওয়া নোকনফ্লিক্ট সমাধানটি পছন্দ করি এবং পৃথক উত্তর হিসাবে ব্যবহারকারী প্রীতি কুল দ্বারা স্পষ্ট করে দিয়েছি। যেমন স্ক্রিপ্টগুলি অদলবদল করা হয় তখন কেউ কেউ বুটস্ট্র্যাপ টুলটিপ নিয়ে সমস্যাগুলি প্রতিবেদন করেছেন। আমি তবে এই সমস্যাটি অনুভব করিনি কারণ বুটস্ট্র্যাপের কারণে আমার এটির দরকার নেই বলে আমি টুলটিপ ছাড়াই jquery UI ডাউনলোড করেছি। সুতরাং এই বিষয়টি আমার কাছে আসে নি।

সম্পাদনা করুন - 22/07/2015 - jquery-uiসাথে বিভ্রান্ত করবেন না jquery! বুটস্ট্র্যাপের জাভাস্ক্রিপ্টের আগে jQuery লোড হওয়া প্রয়োজন, এটি jQuery-UI এর উপর নির্ভর করে না। সুতরাং jquery-ui.jsপরে লোড করা যায় bootstrap.min.js, যখন jquery.jsসর্বদা বুটস্ট্র্যাপের আগে লোড করা প্রয়োজন।

Comments

এটি আমার সমস্যা সমাধান করেছে। আমি এই ক্রমে সংস্থানগুলি অন্তর্ভুক্ত করেছি: 1) জিকিউরি কোর 2) বুটস্ট্র্যাপ 3) জিকুয়েরিআইআই। আপনার সাহায্যের জন্য ধন্যবাদ; আগের চেয়ে ভাল আর দেরি! পিএস - আপনি আমার মন ফুঁকিয়েছেন।

— জিয়ান ডার্ক

তারপরেও ... আপনি ব্যাখ্যা করতে পারেন কেন বুটস্ট্র্যাপ ক্রম এর সাথে কিছু সম্পর্ক আছে?

— অ্যান্ডি

আপনি যদি অদল বদল করে বুটস্ট্র্যাপ Jquery UI এর আগে আসেন তবে বুটস্ট্র্যাপ টুলটিপস কাজ করবে না।

— Vee

যদিও এটি আসলে কোনও ভাল সমাধান নয়, আমি এটিকে উত্সাহিত করেছি কারণ এটি সমস্যাটি যাচাই করার জন্য একটি দ্রুত উপায় দেয়। আমি ব্যক্তিগতভাবে শেষ পর্যন্ত রাউল রিভারের সমাধানটি ব্যবহার করব কারণ কেবলমাত্র দুটি স্ক্রিপ্টটি অদলবদল করার ফলে আরও অনেক বড় সমস্যা দেখা দেয়। বিটিডাব্লু, আমি যখন এটি দেখি তখন আমার মন খারাপ হয়ে যায়।

— ক্রোয়ে

: আপনি বুটস্ট্র্যাপ এবং jQuery UI এর ক্রম পরিবর্তন করতে চাই না করেন তাহলে আপনি বোতাম ঠিক করতে পারবো $.fn.bootstrapBtn = $.fn.button.noConflict(); stackoverflow.com/a/23428433/402517

— l.poellabauer

Answer 2

এটি শীর্ষ উত্তরের একটি মন্তব্য, তবে আমি অনুভব করেছি যে এটির নিজের উত্তরটি মূল্যবান কারণ এটি আমাকে সমস্যার উত্তর দিতে সহায়তা করেছে।

আপনি যদি জিকুয়ারি ইউআইয়ের পরে বুটস্ট্র্যাপ ঘোষিত রাখতে চান (আমি এটি করেছি কারণ আমি বুটস্ট্র্যাপ টুলটিপটি ব্যবহার করতে চাইছিলাম), নীচেরগুলি ঘোষণা করে (আমি এটি পরে ঘোষণা করেছিলাম $(document).ready) বোতামটি আবার প্রদর্শিত হতে দেবে ( https://stackoverflow.com/ থেকে উত্তর এ / 23428433/4660870 )

var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
$.fn.bootstrapBtn = bootstrapButton            // give $().bootstrapBtn the Bootstrap functionality

Comments

কলগুলিকে খুব বেশি ঝামেলা না ঘটিয়ে কাজগুলি করার এটি একটি দুর্দান্ত চতুর উপায়। একই জন্য +1।

— অলোক মিশ্র

বাটন ক্লাসে হস্তক্ষেপ

— স্টেফানো এমটাঙ্গু

এই সমাধানটির সমস্যাটি হ'ল এটি কোডটি ভেঙে দেবে যেখানে আপনি বুটস্ট্র্যাপ বোতামের কার্যকারিতা যেমন বাটন ('লোডিং') ব্যবহার করতে চান। বিদ্যমান বুটস্ট্র্যাপ বোতামের কার্যকারিতা এখনও কাজ করে তা নিশ্চিত করার জন্য, বুটস্ট্র্যাপ "বোতাম ()" ফাংশন কলগুলির সমস্ত উল্লেখগুলিকে "বুটস্ট্র্যাপবিটিএন ()" দিয়ে প্রতিস্থাপন করুন। (হ্যাঁ, আমি কোড মন্তব্যগুলি এ জাতীয়ভাবে বোঝাতে চাই, তবে আমি ভেবেছিলাম এটি স্পষ্টভাবে বলা ভাল worth)

— কর্নেল রেগিয়াস

আপনার সম্পাদক সেমিকোলনগুলি হারিয়ে যাওয়ার বিষয়ে অভিযোগ করবেন না?

— আর। শেরুর্স

Answer 3

এটি jQuery জাহাজের পথে একটি বাগ হিসাবে উপস্থিত হয়। আপনি Dialog Openইভেন্টটিতে কিছু ডোম ম্যানিপুলেশন দিয়ে ম্যানুয়ালি এটি ঠিক করতে পারেন :

$("#selector").dialog({
    open: function() {
        $(this).closest(".ui-dialog")
        .find(".ui-dialog-titlebar-close")
        .removeClass("ui-dialog-titlebar-close")
        .html("<span class='ui-button-icon-primary ui-icon ui-icon-closethick'></span>");
    }
});

Comments

ভবিষ্যতের পাঠকদের কাছে এফওয়াইআই, আপনি ui.dialog (লিঙ্ক) প্রসারিত করতে পারেন যাতে আপনাকে প্রতিটি কলে এই খোলা কার্যকারিতাটির সদৃশ করতে হবে না।

— জন ম্যাকআইন্টির

এটি মোটামুটি ভাল কাজ করেছে। এক্সটি স্বাভাবিকের চেয়ে কিছুটা দূরে ছিল যদিও ... ঠিক কেন তা নিশ্চিত নয়।

— ashlar64

দুর্দান্ত সমাধান! তবে আমার ক্ষেত্রে অপসারণের ক্লাসটি (...) অপ্রয়োজনীয় ছিল এবং ডায়ালগ উইন্ডোর বামদিকে ভুল বোতামে X বোতাম সৃষ্টি করছিল। সহজভাবে html () পদ্ধতির শৃঙ্খলাবদ্ধকরণ () পদ্ধতিটি কাজটি করেছে। ধন্যবাদ.

— আমির

Answer 4

এটি 1.10 এ ভাঙ্গা হিসাবে রিপোর্ট করা হয়েছে

http://blog.jqueryui.com/2013/01/jquery-ui-1-10-0/

ফিলিপ ২৯ শে জানুয়ারী, ২০১৩ সকাল :3::36 এ বলেছেন: সিডিএন সংস্করণে ডায়ালগের ক্লোজ বোতামটি অনুপস্থিত। এখানে কেবলমাত্র বোতাম ট্যাগ রয়েছে, স্প্যান ইউআই-আইকনটি মিসিং।

আমি পূর্ববর্তী সংস্করণটি ডাউনলোড করেছি এবং ক্লোজ বোতামটির জন্য এক্স ব্যাক আপ দেখায়।

Comments

আমি 1.10.3 ব্যবহার করছি তবে কমপক্ষে আমি এখন কম পাগল বোধ করছি। আমি আপাতত এটিকে উপেক্ষা করা বেছে নিয়েছি। ধন্যবাদ।

— জিয়ন ডার্ক

আমি এই এখনও 1.10.3 মধ্যে একটি বিষয় নিশ্চিত করতে পারেন

— Frug

1.10.4 এ এখনও একই

— Dbloch

1.12.1 এ একই সমস্যা

— তেত্রদেব

Answer 5

আমি তিনটি সমাধান পেয়েছি:

1. আপনি প্রথমে বুটসরপ লোড করতে পারেন। এবং এগুলি jquery-ui লোড করে। তবে এটি ভাল ধারণা নয়। কারণ আপনি কনসোলে ত্রুটি দেখতে পাবেন।

2. এই:

   var bootstrapButton = $.fn.button.noConflict();
   $.fn.bootstrapBtn = bootstrapButton;

   সাহায্য করে। তবে অন্যান্য বোতামগুলি ভয়ঙ্কর দেখাচ্ছে। এবং এখন আমাদের বুটস্ট্র্যাপ বোতাম নেই।

3. আমি কেবল বুটস্রেপ শৈলী ব্যবহার করতে চাই এবং একটি আইকন সহ বন্ধ বোতামটিও রাখতে চাই। আমি নিম্নলিখিতগুলি সম্পন্ন করেছি:

   ঠিক করার পরে বন্ধ কী বোতামটি দেখায়

   .ui-dialog-titlebar-close {
       padding:0 !important;
   }
   
   .ui-dialog-titlebar-close:after {
       content: '';
       width: 20px;
       height: 20px;
       display: inline-block;
       /* Change path to image*/
       background-image: url(themes/base/images/ui-icons_777777_256x240.png);
       background-position: -96px -128px;
       background-repeat: no-repeat;
   }

Comments

Excelent! আপনার যদি ইমেজ ফাইল বা কোনও নির্দিষ্ট থিম ইনস্টল না করে থাকে তবে আপনি এটি এখানে পেতে পারেন: jqueryui.com/themeroller । থিমটি ডাউনলোড করুন এবং আপনার প্রয়োজনীয় উপাদানগুলি নির্বাচন করুন (এই ক্ষেত্রে, ডায়ালগ)। তারপরে ডাউনলোড, এক্সট্রাক্ট, থিম বা চিত্র ফোল্ডারটি খুলুন এবং আপনার প্রকল্পের সাথে আপনার থিমের সাথে মেলে এমন চিত্র ফাইলটি অনুলিপি করুন। তারপরে তার উত্তরে ইয়াহেনির দেওয়া সিএসএসে রেফারেন্সটি পরিবর্তন করুন।

— গাম্বোয়াকে

আপনার পয়েন্ট 3 আমার জন্য সমস্যাটি সমাধান করেছে। আমি কীভাবে চেয়েছিলাম বোতামটি দেখতে আমাকে প্রস্থ, উচ্চতা এবং পটভূমিতে পজিশনে সামান্য সামঞ্জস্য করতে হবে। ধন্যবাদ.

— বিমলান জয়া গণেশ

Answer 6

আমার ঠিক একই সমস্যা ছিল, সম্ভবত আপনি এটি ইতিমধ্যে চেক করে ফেলেছেন তবে "চিত্রগুলি" ফোল্ডারটি ঠিক একই জায়গায় jquery-ui.css স্থাপন করে সমাধান করে ফেলেছেন

Comments

আসলে এটি সেই প্রতিক্রিয়া যা আমার জন্য সমস্যাটি সমাধান করেছিল, বা কমপক্ষে এটি পরিষ্কার করে দিয়েছে। আমার একটি পরীক্ষা পৃষ্ঠা ছিল যা অনলাইন (যেমন, কোড. jquery.com / ... ) jquery-ui.css এর অনুলিপি উল্লেখ করেছিল এবং সেই ক্ষেত্রে "এক্স" প্রদর্শিত হয়েছিল। তবে আমার আসল প্রকল্প পৃষ্ঠায়, একটি স্থানীয় সিএসএস ফোল্ডারে .css ফাইল থাকাতে, "এক্স" প্রদর্শিত হচ্ছে না। আমার স্থানীয় সিএসএস ফাইলের পাশাপাশি আমার স্থানীয় সিএসএস ফোল্ডারে "চিত্রগুলি" ফোল্ডারটি অনুলিপি করা হয়েছে, বিষয়টি ঠিক করেছে।

— ডেভ মার্লে

Answer 7

আমি একই সমস্যার সাথে আটকে গেলাম এবং উপরের সমস্ত পরামর্শগুলি পড়ার পরে চেষ্টা করেছি আমি সিএসএসে নিজেই এই চিত্রটি (যা আপনি এটি এখানে খুঁজে পেতে পারেন ) ম্যানুয়ালি প্রতিস্থাপন করার চেষ্টা করেছি এটি ডাউনলোড করার পরে এবং আমার অ্যাপ্লিকেশন এবং চিত্রের ফোল্ডারে সংরক্ষণ করা, সমস্যা সমাধান!

সিএসএস এখানে:

.ui-state-default .ui-icon {
        background-image: url("../img/ui-icons_888888_256x240.png");
}

Answer 8

আমি jQuery UI 1.8.17 ব্যবহার করছি এবং আমারও একই সমস্যা ছিল, এছাড়াও আমার শিরোনাম বারের রঙ সহ পৃষ্ঠার জিনিসগুলিতে অতিরিক্ত CSS স্টাইলশিট প্রয়োগ করা হয়েছিল। সুতরাং অন্য কোনও সমস্যা এড়াতে, আমি নীচের কোডটি ব্যবহার করে সঠিক ইউআই উপাদানগুলি লক্ষ্যবস্তু করেছি:

$("#mydialog").dialog('widget').find(".ui-dialog-titlebar-close").hide();    
$("#mydialog").dialog('widget').find('.ui-icon ui-icon-closethick').hide();

তারপরে আমি ডায়ালগের বৈশিষ্ট্যগুলিতে একটি ঘনিষ্ঠ বোতাম যুক্ত করেছি: ...

modal : true,
title: "My Dialog",
buttons: [{text: "Close", click: function() {$(this).dialog("close")}}],
...

কোনও কারণে আমাকে উভয় আইটেমকেই টার্গেট করতে হয়েছিল, তবে এটি কার্যকর!

Answer 9

আমি জানি এই প্রশ্নটি পুরানো তবে আমি jquery-ui v1.12.0 সহ এই সমস্যাটি পেয়েছি।

সংক্ষিপ্ত উত্তর নিশ্চিত করুন যে আপনি একটি ফোল্ডার নামক আছে Imagesমধ্যে একই স্থানে আপনার আছে jquery-ui.min.css। ইমেজ ফোল্ডারে অবশ্যই jquery-ui এর একটি নতুন ডাউনলোডের সাথে পাওয়া চিত্রগুলি থাকতে হবে

দীর্ঘ উত্তর

আমার সমস্যাটি হ'ল আমি আমার সমস্ত সিএসএস ফাইলকে একক ফাইলে একত্রিত করতে গাল্প ব্যবহার করছি। যখন আমি এটি করি, আমি এর অবস্থান পরিবর্তন করছি jquery-ui.min.css। কথোপকথনের সিএসএস কোড Imagesএকই ডিরেক্টরিতে ডাকা একটি ফোল্ডার এবং এই ফোল্ডারের অভ্যন্তরে এটি ডিফল্ট আইকনগুলির প্রত্যাশা করে ects যেহেতু গুল্প নতুন গন্তব্যে ছবিগুলি অনুলিপি করছে না এটি এক্স আইকনটি দেখায় না।

Answer 10

একটি রেফারেন্স হিসাবে, আমি @ জন-ম্যাকিন্টায়ারের পরামর্শ অনুসারে উন্মুক্ত পদ্ধতিটি এভাবে বাড়িয়েছি:

$.widget( "ui.dialog", $.ui.dialog, {
	open: function() {
		$(this.uiDialogTitlebarClose)
			.html("<span class='ui-button-icon-primary ui-icon ui-icon-closethick'></span><span class='ui-button-text'>close</span>");
		// Invoke the parent widget's open().
		return this._super();
	}
});

Answer 11

  just add in css
 .ui-icon-closethick{
 margin-top: -8px!important;
margin-left: -8px!important;

}

Answer 12

আপনি যদি জেএস ফাংশনের অভ্যন্তরে ডায়লগটি () কল করে থাকেন তবে নীচের বুটস্ট্র্যাপ বোতাম বিরোধের কোডগুলি ব্যবহার করতে পারেন

 <div class="row">
   <div class="col-md-12">
       <input type="button" onclick="ShowDialog()"  value="Open Dialog" id="btnDialog"/>
   </div>
</div>

<div style="display:none;" id="divMessage">
    <table class="table table-bordered">
        <tr>
            <th>Firstname</th>
            <th>Lastname</th>
            <th>Age</th>
        </tr>
        <tr>
            <td>Giri</td>
            <td>Prasad</td>
            <td>25</td>
        </tr>
        <tr>
            <td>Bala</td>
            <td>Kumar</td>
            <td>24</td>
        </tr>
    </table> 
</div>



<script type="text/javascript">
    function ShowDialog()
    {
        if (typeof $.fn.bootstrapBtn =='undefined') {
            $.fn.bootstrapBtn = $.fn.button.noConflict();
        }

        $('#divMessage').dialog({
            title:'Employee Info',
            modal:true
        });
    }
    </script>

Answer 13

একজন জ্ঞানী ব্যক্তি একবার আমাকে সাহায্য করেছিলেন।

যে ফোল্ডারে jquery-ui.cssঅবস্থিত সেখানে "চিত্রগুলি" নামে একটি ফোল্ডার তৈরি করুন এবং এতে নীচের ফাইলগুলি অনুলিপি করুন:

নামঃ ui-icons_444444_256x240.png

নামঃ ui-icons_555555_256x240.png

নামঃ ui-icons_777620_256x240.png

নামঃ ui-icons_777777_256x240.png

নামঃ ui-icons_cc0000_256x240.png

নামঃ ui-icons_ffffff_256x240.png

এবং বন্ধ আইকন প্রদর্শিত হবে।

Answer 14

নিখোঁজদের মধ্যে কেবল যুক্ত করুন:

<span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span>
<span class="ui-button-text">close</span>

Comments

পারছি না। আমি এইচটিএমএলের সেই অংশটি তৈরি করি না, jquery করে। আমি এই বিষয়টি স্পষ্ট করতে আমার প্রশ্নে আরও তথ্য যুক্ত করেছি।

— জিয়ন ডার্ক

Answer 15

আমিও এই সমস্যাটি করছি। নীচের বোতামটির জন্য কোডটি প্রবেশ করানো হচ্ছে:

আমি যখন বোতামটিতে শৈলী = "প্রদর্শন: কিছুই নয়:" বন্ধ করি, তখন ঘনিষ্ঠ বোতামটি উপস্থিত হয়। সুতরাং কিছু কারণে যে প্রদর্শন: না কিছুই; সেট হয়ে যাচ্ছে এবং আমি কীভাবে এটি নিয়ন্ত্রণ করব তা দেখছি না। সুতরাং এটিকে সম্বোধন করার অন্য উপায়টি হ'ল ডিসপ্লেটি ওভাররাইড করা: কোনওটি নয়। কিভাবে এটি করবেন তা দেখবেন না।

আমি লক্ষ করেছি যে কাইলমিট পোস্ট করা উত্তরটি কাজ করে তবে ভিন্ন বর্ণনকারী এক্স বোতামটি তৈরি করে।

আমি আরও নোট করেছি যে এই সমস্যাটি আমার পৃষ্ঠাগুলির সমস্ত কথোপকথনকে প্রভাবিত করে না, কেবল তাদের কয়েকটি। কিছু সংলাপ প্রত্যাশার মতো কাজ করে; ঘনিষ্ঠ বোতামটি উপস্থিত থাকাকালীন অন্যের কোনও শিরোনাম নেই (অর্থাত শিরোনামযুক্ত স্প্যানটি খালি)।

আমি ভাবছি যে কোনও কিছু গুরুতরভাবে ভুল এবং এটি 1.10.x এর সময় নাও পারে

তবে আরও কাজ করার পরে, আমি আবিষ্কার করেছি যে কিছু ক্ষেত্রে শিরোনামগুলি সঠিকভাবে সেট করা যাচ্ছে না, এবং এটি ঠিক করার পরে, এক্স ক্লোজ বোতামটি যেমনটি হওয়া উচিত তেমন উপস্থিত হয়েছিল।

আমি এই জাতীয় শিরোনাম সেট করতাম:

('#ui-dialog-title-ac-popup').text('Add Admin Comments for #' + $ac_userid);

এই আইডিটি আমার কোডটিতে বিদ্যমান নেই তবে এটি এসি-পপআপ এবং ইউআই-ডায়ালগ-শিরোনাম থেকে স্পষ্টতই তৈরি হয়েছে jquery দ্বারা। এক ধরণের কলডজ তবে আমি যেমন বলেছি যে আর কাজ করে না এবং এর পরিবর্তে আমাকে নিম্নলিখিতগুলি ব্যবহার করতে হবে:

$('.ui-dialog-title').text('Add Admin Comments for #' + $ac_userid);

এটি করার পরে, হারিয়ে যাওয়া বোতামের সমস্যাটি আরও ভাল বলে মনে হচ্ছে, যদিও তারা নিশ্চিতভাবে সম্পর্কিত কিনা আমি নিশ্চিত নই।

Answer 16

এমনকি jquery-ui এর পরে বুটস্ট্র্যাপ লোড করা হচ্ছে, আমি এটি ব্যবহার করে ঠিক করতে সক্ষম হয়েছি:

.ui-dialog-titlebar-close:after {
   content: 'X' !important;
   position: absolute;
   top: -2px;
   right: 3px;
}