Các phương thức khởi động: cách mở bằng onClick = ""

Tôi cần để có thể mở một cửa sổ phương thức khởi động Twitter bằng cách sử dụng onClick="" hoặc chức năng tương tự. Chỉ cần mã để đi vào số onClick="". Tôi đang cố gắng thực hiện một cú nhấp chuột div có thể nhấp để mở phương thức.Các phương thức khởi động: cách mở bằng onClick = ""

Mã Trích:

Div Code:

<div class="span4 proj-div" onClick="open('GSCCModal');">

Modal Div Code:

<div id="GSCCModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

Javascript:

chức năng

function open(x){ 
    $(x).modal('show'); 
}

Nguồn

2013-11-21 Snappawapa

Sử dụng onClick phần lớn bị cau mày. Có lý do cụ thể nào bạn không thể, ít nhất, bao gồm một tập lệnh trong một thẻ

Một JavaScript trước hết phải được thực hiện để giữ những gì bạn muốn được thực hiện:

function print() { console.log("Hello World!") }

và sau đó chức năng đó phải được gọi là trong phương thức onClick từ bên trong một phần tử:

<a onClick="print()"> ... </a>

Bạn có thể tìm hiểu thêm về các tương tác phương thức trực tiếp từ tài liệu Bootstrap 3 được tìm thấy tại đây: http://getbootstrap.com/javascript/#modals

Ràng buộc phương thức của bạn cũng không đúng. Nó phải là một cái gì đó như thế này, trong đó "myModal" = ID của phần tử:

$('#myModal').modal(options)

Nói cách khác, nếu bạn thực sự muốn giữ lại những gì bạn đã có, đặt một "#" trước GSCCModal và thấy rằng nếu công trinh.

Nó cũng không phải là rất khôn ngoan để có một onClick ràng buộc với một yếu tố div; một cái gì đó giống như một nút sẽ phù hợp hơn.

Hy vọng điều này sẽ hữu ích!

Nguồn

2013-11-21 02:28:35 T145

Thật không may, điều này không giải quyết được vấn đề .. Ngay cả khi sử dụng các chức năng bootstrap twitter, xa nhất tôi nhận được là một màn hình trống. Tôi cũng sẽ cập nhật câu hỏi ban đầu của mình bằng mã Tôi hiện đang làm việc với – Snappawapa

Xem liệu bản chỉnh sửa có phải là trợ lý – T145

tôi đang tìm kiếm các lựa chọn onClick để đặt tiêu đề và cơ thể của phương thức dựa trên mục trong danh sách. Câu trả lời của T145 đã giúp rất nhiều, vì vậy tôi muốn chia sẻ cách tôi sử dụng nó.

Đảm bảo thẻ chứa hàm JavaScript là loại text/javascript để tránh xung đột:

<script type="text/javascript"> function showMyModalSetTitle(myTitle, myBodyHtml) { 

    /* 
    * '#myModayTitle' and '#myModalBody' refer to the 'id' of the HTML tags in 
    * the modal HTML code that hold the title and body respectively. These id's 
    * can be named anything, just make sure they are added as necessary. 
    * 
    */ 

    $('#myModalTitle').html(myTitle); 
    $('#myModalBody').html(myBodyHtml); 

    $('#myModal').modal('show'); 
}</script>

Chức năng này có thể được gọi là trong phương thức onClick từ bên trong một yếu tố chẳng hạn như một nút:

<button type="button" onClick="javascript:showMyModalSetTitle('Some Title', 'Some body txt')"> Click Me! </button>

Nguồn

2014-08-04 15:51:56 Ash

Thiếu một báo giá đóng thẻ

Các phương thức khởi động: cách mở bằng onClick = ""

Các vấn đề liên quan